Contar Caracteres com JavaScript
Trata-se de uma função bem básica e simples em JavaScript, mas de grande utilidade em inúmeras necessidades em qualquer projeto que seja.
Ela simplesmente conta quantos caracteres existem no campo <Input> do formulário e, no nosso caso, mostra o resultado em uma <Div>.
Porém, você poderá usar o resultado desse cálculo para diversas utilidades. Veja que os códigos JavaScripts geralmente são codificados em um arquivo com extensão .js ou, se na página, entre as TAGs <head> e </head>. Mas eu coloquei na página e fora dessas TAGs para mostrar que também funciona em qualquer lugar da página, embora não seja muito ético.
Clique Aqui para ver o funcionamento…
Veja o Código Fonte abaixo. Abra o seu Bloco de Notas, marque todo o código abaixo (do <html> ao </html>) e cole no documento aberto. Agora salve em alguma pasta com qualquer nome, mas com a extensão .html. Depois vá até a pasta onde salvou o arquivo.html e dê duplo-clique nele para ver funcionando.
<html>
<head>
<title>Contas Caracteres em uma Palavra ou Frase com JavaScript</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
</head>
<body bgcolor=”#FFFFFF” text=”#000000″ link=”#0a2968″ vlink=”#000000″ alink=”#fa8f00″ background=”fundocortado.JPG”>
<h1 align=”center”>Contas Caracteres em uma Palavra ou Frase com JavaScript</h1>
<div align=”left”><br>
<br>
<script langauge=”javascript”>
function contar() {
var l = document.theform.words.length;
document.getElementById(“resultado”).innerHTML = “Sua palavra ou frase tem “+document.theform.words.value.length+” caracteres”;
}
</script>
</div>
<form name=”theform”>
<div align=”left”>
<input type=”text” name = “words” value = “JavaPalace-vários JavaScripts para você!” size = 40>
<br><br>
<input type=”button” value=”Contar quantos caracteres tem” onClick=”contar();” name=”button”>
</div>
</form>
<br><br>
<div align=”left” id=”resultado” style=”font-size:18px; font-weight:bold; color:#900;”>Resultado:</div>
</body>
</html>
Agradeço imensamente a todos que deixam comentários e elogios no blog. Peço porém a quem deseja alguma resposta mais rápida entrar em contato por e-mail usando a aba Contato, pois devido a quantidade de comentários nos diversos artigos do blog, muitas vezes pode demorar até que eu chegue ao seu comentário.
Muito obrigado.
Thank you so much to all who leave comments and compliments on the blog. But I would ask anyone who wants a quicker response to contact us by email using the Contact tab, because due to the amount of comments in the various articles in the blog, it can often take until I get to your comment.
Thank you very much.