Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

focus nao funciona

o focus após recarregar a pagina não funciona, alguém saberia dizer oque esta acontecendo. segue o codigo:

<meta charset "utf - 8>

<h1> jogo acerta </h1>

<input/>

<button>veja  se acertou</button>


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


  function verifica(){

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

      if (input.value == numeroSecreto){
      alert("voce acertou");

      }else{
      alert("voce errou");

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

   }

      var botao = document.querySelector("button")
      botao.onclick = verifica;




</script>
2 respostas
solução!

Oi, Carlos. Tudo bem?

Isso ocorre porque o input.focus() está dentro da função verifica, fazendo com que ele só funcione quando a função for chamada.

Para corrigir, basta deixar a variável e o input.focus() fora da função:

        var numeroSecreto = Math.round(Math.random()*10);
    console.log (numeroSecreto);

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

  function verifica(){

      if (input.value == numeroSecreto){
      alert("voce acertou");

      }else{
      alert("voce errou");

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

Pronto, agora vai funcionar certinho!

Além disso, notei que na linha 1 está escrito <meta charset "utf - 8>, o correto é <meta charset="UTF-8">.

Espero ter ajudado! Qualquer dúvida, estamos sempre por aqui.

Bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Akemi, muito obrigado.