Entrar Ainda não tem acesso?
1
resposta

[Projeto] meu codigo funcionando o ENTERno BOTAO

Referente ao curso JavaScript e HTML: desenvolva um jogo e pratique lógica de programação, no capítulo Interaja de maneira diferente com o usuário e atividade Consolidando seu conhecimento

por Danillo Costa Dos Santos Cunha
| 32.5k xp | 16 posts
<meta charset="UTF-8">

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

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

    var input = document.querySelector("input");
        input.focus();
        input.addEventListener("keyup", function(event) {
        if (event.keyCode === 13) {
            event.preventDefault();
            verifica();
        }
    });
    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>
1 resposta
por Renan Lima
| 3632.1k xp | 7654 posts
Alura Scuba Team Apoio Educacional - Alura

Olá, Danillo.

Tudo bem?

Muito obrigado por compartilhar o seu código aqui com a gente. Isso mostra que está de fato praticando e evoluindo :)

Vamos revisar o que você fez:

  1. Você selecionou o input com document.querySelector("input") e atribuiu a input.

  2. Você adicionou um ouvinte de evento para o evento "keyup" no input. Isso significa que, sempre que uma tecla for liberada enquanto o input estiver em foco, a função que você forneceu será chamada.

  3. Dentro dessa função, você verifica se a tecla que foi liberada é a tecla Enter (que tem o código de tecla 13). Se for, você chama a função verifica().

  4. A função verifica() compara o valor do input com o segredo. Se eles forem iguais, um alerta é exibido dizendo "Você ACERTOU!". Se não forem, um alerta é exibido dizendo "Você ERROU!!!!!!!!".

  5. Finalmente, você limpa o input e coloca o foco de volta nele.

  6. Você também adicionou um ouvinte de evento para o evento "click" no botão, que também chama a função verifica().

Seu código parece estar correto e funcionamdo.

Espero ter ajudado e bons estudos!