Olá tudo bem? incluir exatamente esse código ele não está trocando alterando o número de palavras e não funciona.
No console do navegador está sempre dando undefined.
O que pode ser se é exatamente o mesmo código?
var frase = $(".frase").text();
var numPalavras = frase.split(" ").length;
var tamanhoFrase = $("#tamanho-frase");
tamanhoFrase.text(numPalavras);
console.log(numPalavras);No html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Alura Typer</title>
</head>
<body>
<!-- Seja bem vindo ao curso de jQuery :) -->
<h1>Alura Typer</h1>
<p class="frase">Esta frase tem seis belas palavras.</p>
<ul class="informacoes">
<li><span id="tamanho-frase">5</span> palavras</li>
<li>10 segundos</li>
</ul>
<script src="js/jquery.js"></script>
<script src="js/main.js"></script>
</body>
</html>Na página não muda nada e no console undefined.
