Saltar al contenido principal

Ejercicio 22: Contar vocales en una cadena con JavaScript

Descubre cómo contar vocales en una cadena utilizando JavaScript. Este ejercicio es ideal para practicar iteraciones y expresiones regulares. El propósito fundamental es practicar el uso de for y condicionales para analizar el contenido de una cadena, contando las vocales.

Actividad​

  1. Pide al usuario que ingrese una palabra o frase.
  2. Usa un bucle for para iterar por cada caracter de la cadena ingresada.
  3. Verifica si el caracter actual es una vocal (a, e, i, o, u, en minúsculas o mayúsculas).
  4. Si es una vocal, incrementa un contador.
  5. Al finalizar el bucle, muestra el total de vocales encontradas en la consola.

Solución​

Paso 1: Crear el archivo index.html​

HTML
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Contar vocales en una cadena</title>
  </head>
  <body>
    <h1>Ejercicio 22: Contar vocales en una cadena</h1>
    <p>Los cambios se muestran en consola.</p>
    <script src="script.js"></script>
  </body>
</html>

Paso 2: Escribir el código en script.js​

JavaScript
let texto = prompt("Ingresa una palabra o frase:");
let contadorVocales = 0;

for (let i = 0; i < texto.length; i++) {
  let caracter = texto[i].toLowerCase();
  if (
    caracter === "a" ||
    caracter === "e" ||
    caracter === "i" ||
    caracter === "o" ||
    caracter === "u"
  ) {
    contadorVocales++;
  }
}

console.log(`La cantidad de vocales en "${texto}" es: ${contadorVocales}`);
info

🔎 Revisa la sección Instrucciones de control en JavaScript donde econtrarás más información sobre este tema.