1
resposta

Erro no contador.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade quando é selecionado o quadro, já conta uma palavra... não entendi onde está o erro, aguardo instruções.

1 resposta

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!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software