quando é selecionado o quadro, já conta uma palavra... não entendi onde está o erro, aguardo instruções.
quando é selecionado o quadro, já conta uma palavra... não entendi onde está o erro, aguardo instruções.
Oi, Lucas, tudo bem?
Desculpe a demora em te responder!
O problema da contagem de palavras iniciar ao clicar dentro do campo de texto está relacionado ao tipo de ação que estamos aplicando na função inicializaContadores()
, perceba que ao colocarmos a ação de click
estamos dizendo ao navegador que sempre que clicarmos, o programa deve inicializar a contagem de palavras, portanto, ao clicar ele já irá contabilizar uma palavra devido ao espaço ocupado pelo marcador de texto.
Podemos resolver este problema, alterando a ação para input
, pois dessa forma, conseguiremos iniciar os contadores apenas quando começarmos a escrever no campo de texto. Sendo assim, o código corrigido seria escrito da seguinte maneira:
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-caracteres").text(qtdCaracteres);
});
Espero ter ajudado. Caso tenha dúvidas, estarei à disposição. Abraços e bons estudos!