página não direciona

JavaScript

Algoritmo

15/06/2023

gente, por favor, me digam onde ta o erro que impede uma página de de ir pra outra. eu tenho 3 paginas (genero,cor da pele, cor de cabelo, e a primeira precisa preencher um dos inputs para ser direcionada para a segunda e a segunda para ser direcionada para a terceira.pra isso fiz duas funcoes: uma q verifica o genero masculino ou feminino(inputs) e a outra que verifica cor da pele.caso imput n seja preenchido, ha um alerta solicitando que se preencha.consegui transferir de genero pra cor da pele. tudo certinho.mas de cor da pele pra cor do cabelo nao. segue o código html delas e o código js

página gênero
`

<h1>Adicione seu gênero</h1>
<form>
<input type="radio" name="selection" id="masculino" value="male">
<label for="masculino">Masculino</label><br>
<input type="radio" name="selection" id="feminino" value="female">
<label for="feminino">Feminino</label><br>
</form>

<button id="btnVolte">volte</button>
<button id="btnProssiga">prossiga</button>

<script src="index.js"></script>
` página cor de pele
<p>Adicione sua cor de pele</p>
<form>
<input type="radio" name="selectionSkin" id="peleBranca" value="Branca">
<label for="branco">Branco</label><br>
<input type="radio" name="selectionSkin" id="peleNegra" value="Negra">
<label for="peleNegra">Negro</label><br>
<input type="radio" name="selectionSkin" id="peleAmarela" value="Amarela">
<label for="peleAmarela">Amarelo</label><br> <input type="radio" name="selectionSkin" id="peleVermelha"
value="Vermelha">
<label for="vermelho">Vermelho</label><br>
</form>

<!-- <a href="./Genero.html"><button id="voltarGenero">volte</button></a> -->
<button id="prossigaCorCabelo">prossiga</button></a>

<script src="index.js"></script>
código js

function verificarGenero() {
var masculino = document.getElementById("masculino");
var feminino = document.getElementById("feminino");
if (!masculino.checked && !feminino.checked) {
alert("Selecione uma opção");
} else {
window.location.href = "CorDaPele.html";
}
}

document.getElementById("btnProssiga").addEventListener("click", function () {
verificarGenero();
});

function verificarCor() {
var branco = document.getElementById("peleBranca");
var negro = document.getElementById("peleNegra");
var amarelo = document.getElementById("peleAmarela");
var vermelho = document.getElementById("peleVermelha");

if (!branco.checked && !negro.checked && !amarelo.checked && !vermelho.checked) {
alert("Selecione uma opção");
} else {
window.location.href = "corDoCabelo.html";
}
}

document.getElementById("prossigaCorCabelo").addEventListener("click", function () {
verificarCor();
});
Plynio

Plynio

Curtidas 0

Respostas

Frank Hosaka

Frank Hosaka

15/06/2023

Quem encaminha o resultado para a página seguinte é a propriedade action do elemento <form>, assim:

<meta charset=UTF-8>
<body style="width:500;margin:0 auto;margin-top:100">
<form action=paginaseguinte.html>
    <table>
    <tr><td><b>Gênero
    <td><input type=radio name=genero value=Masculino>Masculino
    <td><input type=radio name=genero value=Feminino>Feminino
    <tr style=height:100><td><b>Pele
    <td><input type=radio name=pele value=Branca>Branca
    <td><input type=radio name=pele value=Negra>Negra
    <td><input type=radio name=pele value=Amarela>Amarela
    <td><input type=radio name=pele value=Vermelha>Vermelha
    <td><td><input type=submit>
</form>
GOSTEI 0
POSTAR