Códigos do Guru

Contador de caracteres em uma área de texto

Este código é uma implementação JavaScript que conta o número de caracteres digitados em uma área de texto com ID “mensagem”. O resultado é exibido em um elemento com ID “contador”.

A estrutura do código é composta por duas variáveis, “mensagem” e “contador”, que são usadas para acessar os elementos HTML correspondentes. O evento “keyup” é adicionado ao elemento “mensagem” usando o método “addEventListener”, o que significa que a função será chamada a cada vez que uma tecla é solta dentro da área de texto.

A função dentro do "addEventListener" atribui o comprimento da string do valor atual do elemento “mensagem” à propriedade "innerHTML" do elemento “contador”. Isso significa que o conteúdo do elemento “contador” será atualizado com o número de caracteres digitados na área de texto.

Para aplicar este código em sua página HTML, você pode adicioná-lo a um arquivo JavaScript separado ou adicioná-lo diretamente ao seu arquivo HTML, dentro de uma tag <script>. Certifique-se de que a área de texto tenha o ID “mensagem” e o elemento exibindo o resultado tenha o ID “contador”.

Visualização do código

VOCÊ PRECISA DE PERMISSÃO PRA OLHAR O CÓDIGO


Eict<'aeyni it=nnfrtom ."  E)re ma e y
T > uaMnlg Ej  >meesL />nx 
d{iam tecsda   / om
etp'n.ctt
vi
aep 
 (ed.g eetr ia;a  et d     u<>aume tv arlaeoc
r pm)ce=t  ia='lovtdsdery d'otv"t=tnp;met<
e 
 < =<,rvvanncmdr   .otntnnegIe)thc )e ra(k"unn tle aaovogpee"mg/ Hu(re 
a>rdm c ;d(a= eincBn.s ty"  ;i n'os no rex tt'
smdeg}.Bx
 >etog   nc d/ed
dg"inssmaerLI