Entrar Ainda não tem acesso?
2
respostas

Código adivinha_mais não funciona

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 Campo de texto e botão

por Thalita Lopes Costa
| 18k xp | 2 posts

Olá,

Escrevi o código exatamente como na aula mas ele não está funcionando. Minha impressão é que o Sublime não está lendo o input.value. A caixa e o botão aparecem mas não acontece mais nada. O que pode ser?

<meta charset="utf-8">

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

<script>

    var segredo = 5;

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

    function verifica() {

        if(input.value == segredo) {

        alert("Você acertou!");

        } else {

        alert("Você errou!")

        }

    }

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

    button.onclick = verifica()



</script>
2 respostas
por Davi Leal Da Costa
| 87.2k xp | 21 posts

Oi Thalita. Na hora de chamar a função no onclick, você precisa retirar os parênteses. Assim:

button.onclick = verifica
por Ana Caroline Alexandre Pantoja
| 190.8k xp | 27 posts

Aconteceu o mesmo comigo. Já tentei sem o parênteses e não funcionou quando carregado no navegador. Eu dei uma pesquisada eu achei a solução, acho eu.

Como escrevemos com base no vídeo do instrutor, o código fica assim:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Como fica na verdade:

<meta charset="utf-8">

<input />

<button onclick="verifica();">Compare seu segredo com o meu</button>

<script>

    var segredo = 5;
    var input = document.querySelector("input");

    function verifica() {

        if (input.value == segredo) {

            alert("você acertou!");

        } else {

            alert("você errrrooouu!");
        }
    }

</script>

Na verdade não é preciso uma var button inserida no javascript. E o onclick é inserido fora do javascript junto com a function verifica ();. Espero ter ajudado.