Entrar Ainda não tem acesso?
2
respostas

input.value não reconhecido

Referente ao curso JavaScript e HTML: desenvolva um jogo e pratique lógica de programação

por Júlia Batista Matos Ferreira
| 11.6k xp | 4 posts

O input.value parece não estar sendo reconhecido. O programa não funciona

<meta charset="UTF-8">

<input/>
<button> Comparar Valores  </button>

<script>

 var valor = 5; 

 var input = document,querySelector("input"); // o input dentro do parentese tem que ser o mesmo do mundo html

function verifica(){

     if(input.value == segredo){

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

     alert("Você ERROU!");
     }
}

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


</script>
2 respostas
por Eraldo Sinicio da Silva Filho
| 228.2k xp | 225 posts

Julia, Boa tarde!

Cola teu código aqui para visualizarmos como está implementado e tentarmos te ajudar.

por Beatriz Moura
| 770.5k xp | 1156 posts
Alura Scuba Team Instrutora e Desenvolvedora de Software I

Olá Júlia, tudo bem?

Temos dois pontos que estão fazendo com que o programa não funcione.

O primeiro é que há um errinho de caractere aqui, ao invés de ponto está vírgula. Veja:

var input = document,querySelector("input")

Modificando, ficará assim:

var input = document.querySelector("input")

O segundo é que você definiu a variável como var valor = 5 e na function verifica() você compara o valor do input com uma variável que não existe, ou seja, que não está definida input.value == segredo. Para corrigir, você pode alterar o nome da vairável "valor" para "segredo".

O código completo ficará assim:

<meta charset="UTF-8">

<input />
<button> Comparar Valores </button>

<script>
    var segredo = 5;

    var input = document.querySelector("input"); // o input dentro do parentese tem que ser o mesmo do mundo html

    function verifica() {

        if (input.value == segredo) {

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

            alert("Você ERROU!");
        }
    }

    var button = document.querySelector("button");
    button.onclick = verifica;
</script>

Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Bons estudos!