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 HTML y JavaScript</title>
</head>
<body>
    <h3>Eliminar un carácter x de una cadena</h3>
    <form action="">
        <label for="">Ingresar texto:</label>
        <input type="text" id="s"><br><br>
        <label for="">Ingrese un carácter:</label>
        <input type="text" id="x"><br><br>
        <input type="button" value="Mostrar" onclick="mostrar()">
        <input type="reset" value="Limpiar"><br><br>
        <label for="">resultado:</label>
        <input type="text" id="resultado">
    </form>
    <script>
        function mostrar(){
            let s = document.getElementById('s').value;
            let x = document.getElementById('x').value;
            let aux = "", i = 0, sw = 0;
            while(i < s.length){
                if(s[i] == x && sw == 0){
                    sw = 1;
                }else{
                    aux = aux + s[i];
                    sw = 0;
                }
                i++;
            }
            document.getElementById('resultado').value = aux;
        }
    </script>
</body>
</html>

Definición de los códigos del ejercicio:

<h3></h3> --> representa un encabezado de nivel 3.
<form></form> --> se utiliza para crear un formulario HTML para la entrada del usuario.
<br> --> produce un salto de línea en el texto.
<label></label> --> representa una etiqueta para un elemento en una interfaz de usuario.
<input> --> etiqueta especifica un campo de entrada donde el usuario puede ingresar datos.
onclick --> onclick evento ocurre cuando el usuario hace clic en un elemento.
<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.
function --> es un bloque de código diseñado para realizar una tarea en particular.
let --> permite declarar variables limitando su alcance (scope) al bloque, declaración, o expresión donde se está usando.
while --> el ciclo while recorre un bloque de código siempre que una condición específica sea verdadera.
if --> se usa para especificar un bloque de código que se ejecutará, si una condición especificada es verdadera.
else --> se usa para especificar un bloque de código a ejecutar, si la misma condición es falsa.
< --> el operador menor que ( < ) devuelve true si el operando izquierdo es menor que el operando derecho.
length --> la propiedad length devuelve la longitud de una cadena.
== --> el operador de comparacion ( == ) comprueba si sus dos operandos son iguales y devuelve un resultado booleano.
&& --> el operador lógico AND ( && ) (conjunción lógica) para un conjunto de operandos booleanos será true si y solo si todos los operandos son true. De lo contrario será false.
++ --> el operador de incremento ( ++ ) incrementa (suma uno a) su operando y devuelve un valor.
document.getElementById() --> devuelve un elemento con un valor especificado.
.value --> establece o devuelve el valor del atributo de valor de un campo de texto.

Explicación del Código:

1. Título de la página

<title>Ejercicio HTML y JavaScript</title>

Define el título que aparecerá en la pestaña del navegador.

2. Encabezado principal

<h3>Eliminar un carácter x de una cadena</h3>

Muestra el nombre del ejercicio en la página web.

3. Campo para ingresar el texto

Permite escribir la cadena de texto donde se eliminará un carácter.

4. Campo para ingresar el carácter

Permite ingresar el carácter que se desea eliminar de la cadena.

5. Botón Mostrar

onclick="mostrar()"

Ejecuta la función mostrar() cuando el usuario hace clic en el botón.

6. Obtener los datos ingresados

let s = document.getElementById('s').value;
let x = document.getElementById('x').value;

Obtiene la cadena de texto y el carácter ingresados por el usuario.

7. Crear variables auxiliares

let aux = "", i = 0, sw = 0;

aux almacenará la nueva cadena.
i servirá para recorrer la cadena.
sw funcionará como una bandera de control.

8. Recorrer la cadena

while(i < s.length)

Recorre cada carácter de la cadena desde el primero hasta el último.

9. Verificar si el carácter coincide

if(s[i] == x && sw == 0)

Comprueba si el carácter actual es igual al carácter que se desea eliminar.

10. No agregar el carácter encontrado

sw = 1;

Cuando encuentra el carácter indicado, evita que se agregue a la nueva cadena.

11. Agregar los demás caracteres

aux = aux + s[i];

Si el carácter es diferente, se agrega a la nueva cadena almacenada en aux.

12. Avanzar al siguiente carácter

i++;

Incrementa el contador para continuar recorriendo la cadena.

13. Mostrar el resultado

document.getElementById('resultado').value = aux;

Muestra la nueva cadena sin el carácter eliminado en el campo de resultado.

Resumen del ejercicio

El programa solicita una cadena de texto y un carácter. Luego recorre la cadena, elimina las apariciones del carácter indicado y finalmente muestra el texto resultante.

Ejercicios de programación

Páginas

jueves, 25 de junio de 2026

Eliminar un carácter x de una cadena en HTML y JavaScript