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

Meu programa está contando o número de palavras errado

Fiz igualzinho, mas coloquei frases diferente do professor e ele está contando o número de palavras errado, segue meu HTML e meu 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">Claro, se você tiver tempo sobrando a ponto
      de poder “jogar fora” se quiser, faça a revisão, mas acredite,
       nem os coachs que passam isso para você usaram essas
       técnicas para passar no concurso deles.</p>

      <ul class="informações">
        <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>
var frase = $(".frase").text();
var numPalavras = frase.split(" ").length;
var tamanhoFrase = $("#tamanho-frase");

tamanhoFrase.text(numPalavras);
3 respostas
solução!

Olá Fabio, quando você está realizando a quebra de linha do no HTML, está utilizando espaços para identá-lo, isso está fazendo com que a contagem saia errada.

Tente colocar o texto em uma única linha:

<p class="frase">Claro, se você tiver tempo sobrando a ponto de poder “jogar fora” se quiser, faça a revisão, mas acredite, nem os coachs que passam isso para você usaram essas técnicas para passar no concurso deles.</p>

Ou, ao invés de utilizar espaços, utilize a tecla TAB, mas configurando o seu editor para que ele não utilize espaços.

Imaginei que seria isso, vou colocar tudo em uma linha apenas então, não sei como configurar o editor para não utilizar espaços e o tab apenas afasta a palavra na mesma linha.

Obrigado.

De nada, Fabio! Como sua dúvida foi solucionada, eu vou fechar este tópico, tudo bem?

Para qualquer outra dúvida, não hesite em recorrer ao nosso fórum!

Bons estudos!