Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Código que o professor passou no vídeo não está funcionando!!!

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 Jean Knieling dos Santos
| 110.6k xp | 37 posts
Graduando

O código que o professor mostra no vídeo não está funcionando, esse código abaixo funcionou, mas agora saber porque ele está rodando, não tenho ideia. (-.-).

<meta charset="UTF-8">

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

<script>
// a variavel poderia ter qualquer outro nome 
var segredo = 7
var input = document.querySelector("input");
document.querySelector("button").addEventListener("click", function() {
    if(input.value == segredo){
        alert("você acertou");
    }else{
        alert("erouuuuuuu");
    }
});
</script>
3 respostas
solução!
por Cayo Diebe
| 114k xp | 94 posts
Desenvolvedor de Software

Olá Jean, tudo bem?

Notei que seu código está funcionando bem legal.

Sugiro você, a caso queira sugerir uma alteração para o professor, você clique na aula, no canto superior direito, haverá 3 pontos (menu), e haverá um botão de sugerir alteração!

Descreva a mudança, ou até mesmo, cole o link do seu tópico!

Creio que vai ser de grande ajuda para os próximos utilizadores também!

Abraços!

por Jean Knieling dos Santos
| 110.6k xp | 37 posts
Graduando

Valeu pela resposta e a sugestão Cayo Diebe, mas por algum motivo ou força sobrenatural, o código passado pelo professor no vídeo começou rodar aqui depois que eu tirei e recoloquei todos os ; (ponto e vírgula novamente). Vou até postar o código aqui para ajudar mais alguém caso tenho o mesmo problema.

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jogo da Adivinhação</title>
</head>
<body>

    <input/>
    <button>Compare com o meu segredo</button>
    <script>
       /* var segredo = 5;
        // a variável abaixo pode ter qualquer nome.
        var input = document.querySelector("input"); // Aqui faço referência ao comando do mundo HTML que quero trazer para o mundo do JavaScript.
        document.querySelector("button").addEventListener("click", function() {
            if(input.value == segredo) {
                alert("Você ACERTOU!!!");
            } else {
                alert("Você ERRO!!!!!!!");
            }
        }); */
        // Esse código acima não tenho idea da explicação de porque está funcionando.

        // No vídeo foi passado o código abaixo, por algum motivo por um tempo ele não rodou, tirei todos os (;) e coloquei novamente e le começou rodar. Vai entender!!!!
        var segredo = parseInt(prompt("Digite um número para que outra pessoa tente adivinhar:"));
        var input = document.querySelector("input");
        function verifica() {
            if(input.value == segredo) {
                alert("Você ACERTOU!!!");
            } else {
                alert("Você ERROU!!!!!!!");
            }
        }

        var button = document.querySelector("button");
        button.onclick = verifica;
    </script>
</body>
</html>
por Jean Knieling dos Santos
| 110.6k xp | 37 posts
Graduando

Acabei descobrindo o que tava dando o erro aqui galera. O nome das variáveis que damos para o input e button no mundo JavaScrit aqui só funciona quando deixo assim:

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

O professor disse que poderíamos dar qualquer nome mas na prática aqui não está rolando.