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

t  e{um)>t ey"tm ne  gu)lar"appnteustge=
c ct dn' im'di o ntpon>Hvp  Ioi txtvg y(  s /g.ar
it cpl>crrs  tee  maadm>
ej aeesni>tyo nl c'n"to 'nm et
hcyd
c}eo
;m
 trBntEs
E.n aisidBderaE"artmcddm m
ae
 ,g/ni