sábado, 9 de mayo de 2026

Reemplazar todas las vocales de una cadena por una que ingrese el usuario en JavaScript

Código del ejercicio:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ejercicio JavaScript</title>
</head>
<body>
    <script>
        let vocal = /[aeiouáéíóú]/gi;
        let texto = prompt("Ingresar texto:");
        let reemplazo = prompt("Ingresar vocal a reemplazar:");
        document.write(texto.replace(vocal, reemplazo));
    </script>
</body>
</html>

Definición de los códigos del ejercicio:

<script></script> --> contiene comandos u ordenes que se van ejecutando de manera secuencial y comúnmente se utilizan para controlar el comportamiento de un programa en específico o para interactuar con el sistema operativo.
let --> permite declarar variables limitando su alcance (scope) al bloque, declaración, o expresión donde se está usando.
prompt() --> muestra un cuadro de diálogo con mensaje opcional, que solicita al usuario que introduzca un texto.
document.write --> imprime el texto especificado en la página.
replace() --> devuelve una nueva cadena con los valores reemplazados.
text.replace(/blue/gi, "red"); --> gi es un reemplazo global que no distingue entre mayúsculas y minúsculas.

Explicación del Código:

Este programa permite reemplazar todas las vocales de un texto por una vocal que el usuario escriba.

Código Original

<script>
    let vocal = /[aeiouáéíóú]/gi;
    let texto = prompt("Ingresar texto:");
    let reemplazo = prompt("Ingresar vocal a reemplazar:");  
    document.write(texto.replace(vocal, reemplazo));
</script>

Explicación del Código

1. Expresión Regular

let vocal = /[aeiouáéíóú]/gi;

Esta línea crea una expresión regular para buscar todas las vocales del texto.

[aeiouáéíóú] → Busca vocales normales y con tilde.
g → Busca todas las coincidencias.
i → Ignora mayúsculas y minúsculas.

2. Solicitar Texto

let texto = prompt("Ingresar texto:");

Se muestra una ventana para que el usuario escriba un texto.

3. Solicitar Vocal de Reemplazo

let reemplazo = prompt("Ingresar vocal a reemplazar:");

El usuario escribe la vocal que reemplazará todas las demás vocales.

4. Reemplazar Vocales

texto.replace(vocal, reemplazo)

El método replace() reemplaza todas las vocales encontradas por la vocal ingresada por el usuario.

5. Mostrar Resultado

document.write(...)

Muestra el resultado final en la página web.

Ejemplo de Ejecución

Si el usuario escribe:

Texto: Hola Mundo
Vocal de reemplazo: i

El resultado será:

Hili Mindi

Ejercicios de programación

Páginas