Estou com problemas/dúvidas. Estou com o seguinte código:
<nav class="testedesigno">
<h1>Em qual dia e mês você nasceu?</h1>
<form class="form">
<div id="PreencheDia">
<label for="dia">Dia</label>
<input id="dia" type="number" required autofocus>
</div>
<div id="PreencheMes">
<label for="mes">Mês</label>
<input id="mes" type="number" required>
</div>
</form>
<button id="Testar" type="submit">Testar</button>
</nav>
e
var form = document.querySelector('.form');
var botao = document.querySelector('#Testar');
botao.addEventListener("click", function() { //evento de click no botao
event.preventDefault();
var dados = obtemDadosFormulario(form); //função que busca os dados do formulario
console.log(dados); //e mostra no console
var signo = VerSigno(dados); //função que testa qual é o signo
});
function obtemDadosFormulario(form) {
var dados = {
dia : form.dia.value,
mes : form.mes.value
}
return dados;
}
function VerSigno(dados) {
if (mes == 1 || mes == 2 ) { //se o mês for igual a 1 ou 2 é de áquario
console.log('é aquario');
}
else { //se não for, é outro
console.log('outro');
}
}
A minha intenção inicial era: se no if, o MES for igual a 1 ou 2, deve retornar no console que é aquário, mas se for 3, por exemplo, retorna que é outro. Estou tentando fazer esta parte funcionar para partir para o restante. Mas esse if sempre me retorna que é outro.
Alguém pode me ajudar?