Entrar Ainda não tem acesso?
1
resposta

Adivinha

Referente ao curso JavaScript e HTML: desenvolva um jogo e pratique lógica de programação, no capítulo Interaja de maneira diferente com o usuário e atividade Consolidando seu conhecimento

por Rafaela
| 16.6k xp | 33 posts

Nesse eu tentei usar o While pra limitar o número de tentativas mas não funcionou, porque?

<meta charset="UTF-8">

<input/>
<button>Comprare com o meu segredo</button>

<script>

    var segredo= Math.round(Math.random()*10);
    var input = document.querySelector ("input");
    input.focus ();

    var tentativas = 1;
    while(tentativas <=3) {

    function verifica (){

    if(input.value==segredo){

        alert("VOCE ACERTOU!");
        break;
    } else {
        alert ("VOCE ERROU!");
    }

    input.value = "";
    input.focus ();
}
tentativas++;
}

var button = document.querySelector ("button");
button.onclick = verifica;
</script>
1 resposta
por Kaue Della Barba Gomes
| 82.3k xp | 27 posts
Desenvolvedor Pleno

Salve Rafaela, o codigo ficou bom e funciona! na verdade apenas o button.onClick esta errado, coloca ele dentro ddo html do botao com a funcao verifica() que ira funcionar eu refiz aqui o seu codigo e apenas retirei os input.focus() por que nao entendi a necessidade deles na estrutura do codigo. A variavel input estava sendo coletada antes de executar a funcao verifica, por isso ele sempre ia pegar o valor vazio, entao eu ja coloquei ela dentro de um Number tambem dentro da funcao. Coloquei tambem o console.log(segredo) para eu testar se ia acertar o codigo que aparecia e todo o resto estava funcionando direitinho, inclusive o while. Segue o codigo para voce comparar as diferencas de um e outro.

<html>
    <head>
        <meta charset="UTF-8">
        <script>

            var segredo= Math.round(Math.random()*10);
            console.log(segredo)       
            var tentativas = 1;

            while(tentativas <=3) {

            function verifica (){
            var input = Number(document.querySelector("input").value);       
            if(input==segredo){
                alert("VOCE ACERTOU!");
            } else {
                alert ("VOCE ERROU!");
            }

            input.value = "";
        }
        tentativas++;
        }

        </script>
    </head>
    <body>
        <input/>
        <button onClick=verifica() >Comprare com o meu segredo</button>
    </body>
</html>