Entrar Ainda não tem acesso?
2
respostas

Fiz tudo de acordo com o vídeo, mas no meu navegador não abre a caixinha do input, somente o button. alguem sabe o motivo /

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 ArielGonzaga Miranda
| 25.2k xp | 2 posts
<meta charset="UTF-8">

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

<script>
    var segredo = 5;

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

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

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

</script>
2 respostas
por ArielGonzaga Miranda
| 25.2k xp | 2 posts
<meta charset="UTF-8">

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

<script>
    var segredo = 5;

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

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

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

</script>
por Thiago Yuji Enjo
| 823.6k xp | 809 posts
Instrutor

Olá Ariel, tudo bem com você?

Aparentemente, não tem nada de errado com o seu código. O que deve acontecer ao abrir a página é:

  1. Aparecer um pop-up com a mensagem "Você ERROU!!!!!!!!";
  2. Carregar o campo de texto com o botão à sua direita.

Quando você diz que a caixinha não aparece, você está se referindo ao campo de texto?

campo de texto com um botão à direita

Se for o caso, confere pra mim se abrindo o console do desenvolvedor (f12 no Google Chrome), a tag <input> está entre os elementos da página:

tag de input

Testa aí e depois me avisa se funcionou! Fico no aguardo.