Contador de Caracteres com HTML e JS

Crie um sistema simples de contagem de caracteres.

[click here for English]

Quando estamos trabalhando com texto às vezes é necessário saber quantos caracteres o texto tem, ou quantas palavras. recentemente precisei de algo parecido e depois de usar algumas ferramentas online achei que seria interessante criar o meu próprio contador de caracteres, e é isso que iremos fazer.

Código

Primeiro vamos criar a interface, faremos algo simples, utilizando apenas HTML.

Código em HTML

Na estrutura em HTML foi utilizado o oninput, evento que é acionado sempre que temos uma nova entrada de dados.

Agora vamos criar a função countText.

Código em JS

pronto simples assim.

Demo

Veja abaixo o projeto completo funcionando.

Projeto no codepen

Youtube

Se preferi assistir, vejo o desenvolvimento no youtube.

Vídeo no youtube

Obrigado por ler!

Se você tiver alguma dúvida, reclamação ou dica, pode deixar aqui nos comentários. Vou ter o maior prazer em responder!

😊😊Até mais! 😊😊