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.

Olá isnard santos neto , tudo bem?

Poste o seu código aqui para analisarmos, mas para que o input fique com foco você teria que fazer assim:

input.focus();

Espero ter ajudado...

Abraço!

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.