Entrar Ainda não tem acesso?
1
resposta

[Dúvida] H1 e P não aparecem

Referente ao curso Lógica de programação: explore funções e listas, no capítulo Funções e atividade Funções com retorno

por Pablo Oliveira Ferreira
| 4k xp | 1 posts
Recepcionista

Boa noite! Quando criei as function para o h1 e o p, eles pararam de aparecer na execução. A princício, usei o mesmo código que foi escrito na aula.

let numeroSecreto = gerarNumeroAleatorio ();

function exibirTextoNaTela(tag, texto) { let campo = document.querySelector(tag); campo.innerHTML = texto; }

exibirTextoNaTela('h1' , 'Jogo do número secreto'); exibirTextoNaTela('p' , 'Escolha um número entre 1 e 100');

function verificarChute() { console.log(numeroSecreto); }

function gerarNumeroAleatorio() { return perseInt(Math.random() * 10 + 1);

}

Poderiam me ajudar qual seria o erro?

1 resposta
por Carlos Eduardo de Souza Lemos
| 873.7k xp | 253 posts
Analista de Suporte

Boa noite! Parece que você está enfrentando um problema com a exibição dos elementos h1 e p em seu código. Vamos analisar o que pode estar acontecendo:

  1. Erro de Digitação:

    • Na função gerarNumeroAleatorio(), você digitou perseInt em vez de parseInt. Certifique-se de corrigir essa digitação para que a função funcione corretamente.

  2. Ordem de Execução:

    • Verifique se a função gerarNumeroAleatorio() é chamada antes das funções exibirTextoNaTela('h1', ...) e exibirTextoNaTela('p', ...). A ordem de execução é importante, pois o número secreto deve ser gerado antes de exibir os textos.

  3. Elementos HTML Existem?:

    • Verifique se você possui elementos HTML com as tags h1 e p em seu arquivo HTML. Caso contrário, o JavaScript não conseguirá encontrar esses elementos usando document.querySelector(tag).

  4. Carregamento do DOM:

    • Certifique-se de que seu código JavaScript esteja sendo executado após o carregamento completo do DOM. Você pode colocar seu código dentro de um evento DOMContentLoaded para garantir que os elementos estejam disponíveis quando o script for executado:
    document.addEventListener('DOMContentLoaded', function() {
    // Seu código aqui
});

  5. Console de Erros:

    • Abra o console do navegador (geralmente pressionando F12) e verifique se há erros ou mensagens de aviso. Isso pode fornecer informações adicionais sobre o problema.

Corrija esses pontos e teste novamente. Se o problema persistir, verifique se há outros erros no console e compartilhe-os para que possamos ajudá-lo melhor!