Informatica y Tecnologia

Contador de Palabras en JavaScript

Sexto proyecto de la guia 50 Proyectos de Programacion para Practicar y Aprender. Proyectos para Principiantes

Enunciado del proyecto

Esta herramienta permite al usuario ingresar un texto y obtener automáticamente la cantidad de palabras que contiene.

Código HTML, CSS y JavaScript

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Contador de Palabras</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      padding: 20px;
      background-color: #f9f9f9;
    }
    textarea {
      width: 100%;
      height: 120px;
      padding: 10px;
      margin-bottom: 10px;
    }
    button {
      padding: 10px 20px;
      margin-bottom: 10px;
    }
    #resultado {
      font-weight: bold;
      font-size: 18px;
    }
  </style>
</head>
<body>

  <h2>Contador de Palabras</h2>

  <textarea id="texto" placeholder="Escribe tu texto aquí..."></textarea>
  <br/>
  <button >
Contador de Palabras en JavaScript. Explicación del Código

HTML: Contiene un textarea para que el usuario escriba el texto, un botón y un párrafo para mostrar el resultado.
CSS: Estilos simples para mejorar la presentación visual.
JavaScript: La función contarPalabras() toma el texto, lo separa por espacios usando split(/\s+/) y cuenta cuántos elementos tiene el arreglo.

Indice de la guia de proyectos

50 Proyectos de Programacion

Proyecto anterior

Lista de Tareas (To-Do List) en JavaScript