string vazia | jQuery: domine a biblioteca mais popular do mercado parte 1

<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>Alura Typer</title> <script src="js/jquery.js"></script> <script src="js/main.js"></script> </head> <body> <h1>Alura Typer</h1> <p id="frase">aag</p> <ul id="informaçoes"> <li>30 palavras</li> <li>10 segundos</li> </ul>  </body> </html>

Oi, Malik, tudo bem?

Desculpe a demora em te responder!

O problema mencionado está relacionado ao fato de que o <script> estar sendo executado antes do conteúdo da página ser totalmente carregado. Dessa forma a frase é buscada antes mesmo de ter sido adicionada a página.

Podemos corrigir esse problema, reposicionando as duas tags <script> no documento HTML, retirando-os do <head>e colocando-os como os últimos elementos da tag <body>.

<!DOCTYPE html>
    <html lang="pt-br">
        <head>
            <meta charset="UTF-8">
            <title>Alura Typer</title>
        </head>
        <body>
            <h1>Alura Typer</h1>
            <p id="frase">aag</p>
            <ul id="informaçoes">
                <li>30 palavras</li>
                <li>10 segundos</li>
            </ul>
            <script src="js/jquery.js"></script>
            <script src="js/main.js"></script>
        </body>
    </html>

Espero ter ajudado. Caso tenha dúvidas, estarei à disposição. Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!