Saltar al contenido principal

Ejercicio 17: Menú de Opciones con switch en JavaScript

Implementa un menú interactivo en JavaScript usando la estructura switch. Aprende a manejar múltiples condiciones de forma eficiente.

La intención principal es aprender a utilizar la estructura switch para ejecutar diferentes acciones según la opción seleccionada.

Actividad​

  1. Muestra un menú de opciones en la consola:

    1: Ver mensaje de bienvenida 2: Ver mensaje de despedida 3: Ver mensaje de ayuda

  2. Usa switch para mostrar el mensaje correspondiente a la opción seleccionada.

  3. Si el usuario elige una opción diferente, muestra "Opción no válida".

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>Menú de Opciones con switch</title>
  </head>
  <body>
    <h1>Ejercicio 17: Menú de Opciones con switch</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 opcion = prompt(
  "Selecciona una opción:\n1. Bienvenida\n2. Despedida\n3. Ayuda"
);

switch (opcion) {
  case "1":
    console.log("¡Bienvenido al sistema!");
    break;
  case "2":
    console.log("Gracias por visitarnos. ¡Adiós!");
    break;
  case "3":
    console.log("Para ayuda, visita nuestra página web.");
    break;
  default:
    console.log("Opción no válida.");
}
info

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