principal.html
Alura Typer
Esta frase tem oito belas e grandiosas palavras.
<ul class="informacoes">
<li><span id ="tamanho-frase">5</span> palavras</li>
<li>10 segundos</li>
</ul>- 0 caracteres
- 0 palavras
main.js
var frase = $(".frase").text();
var numPalavras = frase.split(" ").length;
var tamanhoFrase = $("#tamanho-frase");
tamanhoFrase.text(numPalavras);
var campo = $(".campo-digitacao");
campo.on("input",function(){
var conteudo = campo.val();
var qtdPalavras = conteudo.split(/\S+/).length -1;
$("#contador-palavras").text(qtdPalavras);
var qtdCaracteres = conteudo.length;
$("#contador-carcteres").text(qtdCaracteres);
});
