1
resposta

[Sugestão] Desafio: Hora de Praticar 4, Ano Bissexto

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>
1 resposta

Oi, Paulo! Como vai?

Obrigada por compartilhar seu código com a comunidade Alura.

Gostei da forma como você estruturou a verificação do ano bissexto e usou setTimeout para limpar o resultado após um tempo. Isso melhora a experiência do usuário ao evitar que a mensagem fique na tela indefinidamente.

Continue firme nos estudos.

Ícone de sugestão Para saber mais:

Documentação:

Estruturas if...else

Alura
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!