3
respostas

meu input nao fica com foco se nao tiver selecionado e eu não sei o pq

<meta charset="UTF-8">

<input/>
<button>compare com meu segredo </button>

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

function verifica (){

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

    if (input.value  == segredo){

        alert(" voce acertou");
    }
    else{
        alert(" voce errou");
    }
    input.value="";
    input.focus();
}
var button = document.querySelector("button");
button.onclick = verifica;

</script>
3 respostas

Posta sue código sem formatação aqui pra eu poder analisar.

Removido a pedido do usuario.

Oi isnard santos neto editei seu tópico para poder visualizar seu código sempre que você for postar código aqui no fórum você deve colocar ele entre as 3 crases.

Seu input não ganha foco logo que a página é atualizada porquê você declarou o input.focus() dentro da função verifica e quando atualizamos a página essa função não é chamada, ela só será chamada se clicarmos no botão e não é isso que queremos certo. Portanto traga o código para fora da função para ser executado logo que a página carrega:

<meta charset="UTF-8">

<input/>
<button>compare com meu segredo </button>

<script>
var input = document.querySelector("input");
var button = document.querySelector("button");
var segredo = Math.round(Math.random()*10);

function verifica (){

    if (input.value  == segredo){
        alert(" voce acertou");
    }
    else{
        alert(" voce errou");
        input.value="";
    }

}

input.focus();
button.onclick = verifica;

</script>

Espero ter ajudado e bons estudos.