Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

main.js:4 Uncaught TypeError: tamanhoFrase.text is not a function at main.js:4

Creio que fiz tudo certo, mas no console do navegador exibe esta mensagem acima... segue o HTML e o codigo JS

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Alura Typer</title>
</head>
<body>
    <h1>Alura Typer</h1>
    <p class="frase">Lorem ipsum dolor sit amet, consectetur adipiscing elit, 
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua lala .</p>

    <ul class="informacoes">
        <li><span id="tamanho-frase">1</span> palavras</li>
        <li>15 segundos</li>
    </ul>

    <script src="js/jquery.js"></script>
    <script src="js/main.js"></script>
</body>
</html>
var frase = $(".frase").text(); 
var numPalavras = frase.split(" ").length; 
var tamanhoFrase = $("#tamanho-frase").text();
tamanhoFrase.text(numPalavras);

erro que aparece: Uncaught TypeError: tamanhoFrase.text is not a function at main.js:4

3 respostas

Oi Iago, tudo bem? Tenta tirar o .text() da var tamanhoFrase, assim:

var tamanhoFrase = $("#tamanho-frase");
tamanhoFrase.text(numPalavras);
solução!

Oi, Iago, tudo bem?

Nessa linha var tamanhoFrase = $("#tamanho-frase").text(); retire o .text() ficando assim: var tamanhoFrase = $("#tamanho-frase")`. Testa novamente e me fala se o erro permanece.

Funcionou sim, muito obrigado! Mas também gostaria de saber, se possível, por que este errou ocorreu...