Segue sugestão de como elaborei um código HTML + JavaScript para validão para sair o resultado se ele é bissexto ou não:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Verifica Ano Bissexto</title>
</head>
<body>
<h1>Verificar se o Ano é Bissexto</h1>
<label for="ano">Digite o Ano:</label>
<input type="number" id="ano" min="0" placeholder="Digite um Ano">
<button onclick="verificarSeAnoBissexto()">Verificar</button>
<p id="resultado"></p>
<script>
function verificarSeAnoBissexto() {
// Obtém o valor do campo de entrada
let ano = document.getElementById("ano").value;
let resultado = document.getElementById("resultado");
// Verifica se o ano é válido (maior ou igual a 4)
if (ano < 4) {
alert("Digite um ano válido (a partir de 4 d.C.).");
return; // Interrompe a execução da função
}
// Verifica se o ano é bissexto
if (ano % 4 === 0 && (ano % 100 !== 0 || ano % 400 === 0)) {
resultado.innerHTML = "<strong>" + ano + " é um ano Bissexto!</strong>";
} else {
resultado.innerHTML = "<strong>" + ano + " não é um ano Bissexto</strong>";
}
// Limpa o campo de entrada
document.getElementById("ano").value = "";
// Limpa o resultado após 3 segundos (3000 milissegundos)
setTimeout(function() {
resultado.innerHTML = "";
}, 3000); // 3000 ms = 3 segundos
}
</script>
</body>
</html>