Overblog
Edit post Seguir este blog Administration + Create my blog

TecnoSetfree

TecnoSetfree

Un Blog encargado en compartir temáticas de tecnología, how to, hack y programación. Aquí encontraras temas diversos y proyectos que puedes adquirir y/o diseñar a tu manera.


Contador de palabras en Javascript

Publicado por TeSet-TecnoSetfree activado 29 Marzo 2019, 06:48am

Etiquetas: #contador de palabras, #contador de palabras en javascript, #contador de palabras online

Contador de palabras online

contador de palabras en javascript

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>

TeSet-TecnoSetfree

Descarga aqui el codigo del contador de palabras Javascript

Ver el contador de palabras en funcionamiento.

Para estar informado de los últimos artículos, suscríbase:

Archivos

¡Somos sociales!

Ultimos Posts