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

comando input.value não funciona

<meta charset="UFT-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!")

        }
    }

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

</script>
2 respostas
solução!

Oi Mayara, tudo bem?

O seu código possui alguns probleminhas que são muito comuns e as vezes passam despercebidos mesmo! Vamos lá, em:

if ( input.value == segredo); {

você insere um ponto e vírgula após o if, o que está em desacordo com a sintaxe do javascript, o correto seria:

if ( input.value == segredo) {

Além disso, quando você chama o evento de clique:

buttom.onclick = verifica;

você utiliza "buttom", quando na verdade você declarou "button". O correto seria:

button.onclick = verifica;

Ah, e é claro, não necessário porém importante: no topo do seu html você chama:

<meta charset="UFT-8">

quando na verdade se trata de:

<meta charset="UTF-8">

Com essas alterações acredito que o seu código irá funcionar como o esperado. Se aparecer outra dúvida é só chamar! :)

Olá, Mayara! Tudo bom contigo?

O José Henrique está correto nas explicações ;-)

O que podemos fazer para enxergarmos os erros e com certeza vai te ajudar muito na sua vida como programadora é observar o console do navegador.

Se dermos CRTL + SHIFT + I , F12 ou clicando com o botão direito do mouse e selecionar inspecionar, na aba console vai entregar o "culpado" rs

Quando executamos o código ele aponta na linha 20

SyntaxError: expected expression, got keyword 'else'

e muitas vezes o erro não é muito específico, mas veja que, mesmo assim, está dentro do corpo de onde o else se localiza. Está ali perto da linha 20.

if ( input.value == segredo); {

Feito a correção

if ( input.value == segredo) {

ele gera o próximo erro

ReferenceError: buttom is not defined

dizendo que não está reconhecendo a referência buttom e ainda diz o local exato dessa vez, na linha 28 - as questões das linhas podem variar dependendo de como você formatou seu código.

Feito a alteração,

button.onclick = verifica;

agora rodará normalmente!

Espero ter ajudado, Mayara!

Bons estudos!

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