Contador de palabras en Javascript

29 Marzo 2019 , Escrito por TeSet-TecnoSetfree Etiquetado en #contador de palabras, #contador de palabras en javascript, #contador de palabras online

Contador de palabras online

En una nueva sección de programación, traemos una pequeña herramienta muy util: contador de palabras en javascript.

Nuestro Contador de palabras online escrito en javascript cuenta con un codigo sencillo, básicamente solo cuenta con un Textarea y la funcion Split que es el corazon de la aplicacion.

<!DOCTYPE html>
<html>
<body>

<br>
<textarea id="myTextarea">
Pega aqui tu texto</textarea>

<p>Haz clic para contar las palabras.</p>

<button type="button" onclick="myFunction()">Contar palabras</button>

<p id="demo"></p>
<p id="demo1"></p>
<p>Palabras: </p><p id="demo2"></p>
<br>
<p>Caracteres: </p><p id="demo3"></p>

<script>
function myFunction() {
//Guardando los valores del textarea

//Separamos la cadena mediante un espacio
var dividido = document.getElementById("myTextarea").value.split(" ");

//Con la cadena dividida ahora contamos su longitud (en palabras)
var palabras=dividido.length;
document.getElementById("demo2").innerHTML = palabras;

//Capturamos los valores del Textarea y obtenemos su longitud para conocer el numero de caracteres
var valortextarea=document.getElementById("myTextarea").value;
document.getElementById("demo3").innerHTML = valortextarea.length;
}
</script>

</body>
</html>