1
resposta

Jogo da adivinhação tunado com button e input

Olá, pessoal! Seria possível reduzir a parte do script?

OBS.: Pesquisei no Google e encontrei a função de dar reload na página. Não era o objetivo do exercício, mas queria facilitar o reinício do jogo...

<meta charset="UTF-8">
<center>
<br><br><br><br><br><br><br>
<h1>Bem vindo ao jogo da adivinhação!</h1>
<p>Você terá 3 chances para acertar o número:</p>
<input/><br>
<button>Verificar</button>
<big><br><br>Boa sorte!</big>
</center>

<script>
// Estrutura mínima ------------------------
    function pulaLinha() {
        document.write("<br><br><br>");
}
    function mostra(frase) {
        document.write(frase);
        pulaLinha();
}
//---------------------------------------------------------
    var chute = document.querySelector("input");
    chute.value = "";
    chute.focus();
    var botao = document.querySelector("button");    

    var numeroPensado = Math.round(Math.random() * 10);
    console.log(numeroPensado);
    var tentativas = 0;

    function verifica(){
        if(chute.value == numeroPensado){
            alert("VOCÊ ACERTOU! O número era: " + numeroPensado);
            alert("A página será recarregada para uma nova tentativa.");
            botao.onclick = window.location.reload();
        }
        if(chute.value != numeroPensado && tentativas <= 3){
            alert("Você errou! Tente novamente.");
            tentativas++;
            chute.value = "";
            chute.focus();
        }
        if(tentativas == 3){
                alert("VOCÊ PERDEU! O NÚMERO ERA: " + numeroPensado + ".");
                alert("A página será recarregada para uma nova tentativa!");
                botao.onclick = window.location.reload();
        }
    }        

    botao.onclick = verifica;

</script>
1 resposta

Olá Gustavo, tudo bem?

Seu código ficou ótimo! Parabéns! Você usou corretamente as funções ensinadas nas aulas, e buscou melhorias por fora! Isso é ótimo! Continue sempre com essa vontade de aprender!