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

O foco não está funcionando, poderiam me ajudar a entender o erro, por favor?

<meta charset="UTF-8">

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

<script>
    var segredo = 5;

    var input = document.querySelector("input");
    function verifica() {
        if(input.value == segredo) {

        alert("Você ACERTOU!");
        } else {

        alert("Você ERROU!");
        }

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

    }

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

</script>
4 respostas

Olá,

Imagino que o erro seja devido o input.focus(); estar dentro da função verifica , fazendo com que apenas seja executado aós clicar no botão.

Se deseja que ele funciona ao abrir a página, coloque ele fora do bloco da função, talvez logo após a criação da variável input.

Olá Caique, valeu por me responder mas eu ainda sigo com dúvida pois o código está exatamente como o prof. Flávio explicou, fui fazendo seguindo as explicações da aula e nesse ponto já era para ter foco . O input.value e o input.focus do meu código estão posicionados assim como o código do professor mas mesmo assim não aparece o foco...

solução!

Oi Diego,

Realmente, dei uma olhada agora e entendi o objetivo.

Mas de qualquer forma, seu código funcionou corretamente comigo. Apó sclicar no botão, ele apresenta um alert e da foco no input em seguida, sem nenhum problema.

Oi Caique, pois é cara. Agora o código funcionou. Não sei o que tinha acontecido. Valeu pela tua ajuda. Abs

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software