1
resposta

string vazia

Referente ao curso jQuery: domine a biblioteca mais popular do mercado parte 1, no capítulo Introdução e atividade Primeiros passos com jQuery

por Malyk de Lima Ferreira
| 23.6k xp | 14 posts

Bom dia. Estou fazendo esse curso, mas quando dou um console.log() aparece uma string vazia. HTML

<!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>
    <!-- Seja bem vindo ao curso de jQuery :) -->
</body>
</html>

JS

var frase = jQuery("#frase").text()
console.log(frase);
1 resposta
por RODRIGO SILVA HARDER
| 2312.7k xp | 4888 posts

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!