1
resposta

O console mostrar o número escolhido

Oie, queria saber como fazer meu console me mostrar qual número aleatório ele escolheu.Por isso estou usando: console.log(segredo); Mas não está dando certo e queria saber porque!

<meta charset="UTF-8">

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

<script>
    var segredo = Math.round(Math.random()*10);
     console.log(segredo);

    var input = document.querySelector("input");
    input.focus()



    function verifica() {

        if(input.value == segredo) {

        alert("Você ACERTOU´, muito esperta");
        } else {

        alert("Você ERROU! Poxa :( ");
        }

    }

    var button = document.querySelector("button");

    button.onclick = verifica;
    imput.focus();
    imput.value= "";

</script>
1 resposta

Olá, boa noite.

Como o trecho que está definindo o aleatório é executado no carregamento da página, o valor é exibido no Console apenas uma vez (logo que a página carrega).

Se você quiser exibir a cada clique, o código deveria ser atualizado para:

<script>
   var input = document.querySelector("input");
   input.focus();

   function verifica() {
      var segredo = Math.round(Math.random() * 10);
      console.log(segredo);

      if (input.value == segredo) {

         alert("Você ACERTOU´, muito esperta");
      } else {

         alert("Você ERROU! Poxa :( ");
      }
      input.value = "";
      input.focus();
   }

   var button = document.querySelector("button");
   button.onclick = verifica;
</script>

Além disso, a variavel input está escrita errada nas duas ultimas linhas do script.

Por fim, mudei o lugar que define o foco e limpa o campo, acho que faz mais sentido, depois que a função é executada.

Espero ter ajudado... abraços.