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

Não aparece nada na tela

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 Heron Angelo Jesus Lopes Brito
| 13.8k xp | 7 posts

Alguém pode me ajudar? Creio que por conta do curso ser de 2016 e com as atualizações do Chrome (update 97). Utilizando os códigos dessa aula em especifico, quando carrega a pagina, não acontece nada. Alguma solução para isso?

<meta charset="UTF-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");

    button.onclick = verifica;

</script>
7 respostas
por Heron Angelo Jesus Lopes Brito
| 13.8k xp | 7 posts

Aparece isso no console do navegador

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

por Estudante
| 389.9k xp | 241 posts

Olá, Heron, clique no botão "1 problema" para vermos o que aparece.

por Heron Angelo Jesus Lopes Brito
| 13.8k xp | 7 posts

https://web.dev/doctype/?utm_source=devtools

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

por Estudante
| 389.9k xp | 241 posts

Tente adicionar este código na primeira linha, antes de tudo:

<!DOCTYPE html>
<html lang="pt-br">

E no final de tudo (última linha):

</html>

Aí, salve e tente abrir o arquivo novamente no navegador. Lembre-se sempre de salvar cada arquivo como .html. Boa sorte, bons estudos!

por Heron Angelo Jesus Lopes Brito
| 13.8k xp | 7 posts

Já tinha até tentado isso ai também, mas continua sem aparecer nada na tela.

<meta charset="UTF-8">
<!DOCTYPE html>
<html lang="pt-br">

<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");

    button.onclick = verifica;

</html>
</script>
solução!
por Estudante
| 389.9k xp | 241 posts

Coloque antes do "meta charset" e o outro, depois do "script", na última linha. Esses comandos indicam para o navegador que trata-se de um arquivo html. Portanto, eles devem abrir e fechar o código. Parece que versões mais antigas dos navegadores só reconhecem esse tipo de arquivo dessa forma, ok?

por Heron Angelo Jesus Lopes Brito
| 13.8k xp | 7 posts

Deu certo!! Muito obrigado!!