Event Onclick
Estou tentando fazer um validador de idade, mas meu onclick não está retornando como o esperado. O caminho para o aquivo externo está correto, já testei com um alert.
Meu HTML:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Verificador de Hora</title>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
<header>
<h1>Verificador de Idade</h1>
</header>
<section>
<div>
<p>Ano de nascimento:
<input type="number" name="txtnumber" id="txtano">
</p>
<p>
Sexo:
<input type="radio" name="radiosex" id="masc" checked>
<label for="masc">Masculino</label>
<input type="radio" name="radiosex" id="fem" >
<label for="fem">Feminino</label>
</p>
<p>
<input type="button" value="Verificar" onclick="verificar()">
</p>
</div>
<div id="res">
Preencha os campos e veja o resultado.
</div>
</section>
<footer>
<p>© Eduarda Rosa</p>
</footer>
<script src="script/script.js"></script>
</body>
</html>
e o JS:
function verificar(){
var data = new Date();
var ano = data.getFullYear();
var fano = document.getElementById('txtano');
var res = document.querySelector('div#res');
if(fano.Value.length == 0 || fano.value > ano){
window.alert("Error, verifique os dados e tente novamente!");
}else{
window.alert("Ok");
}
}Discussão (1)
Carregando comentários...