Switch JavaScript/HTML

 Switch 

Un Switch en JavaScript se utiliza para ejecutar un bloque de código dependiendo de diferentes casos. El uso de switch permite seleccionar uno de varios bloques de código para su ejecución, siendo una solución eficaz para reemplazar estructuras largas y anidadas de instrucciones if/else.

A switch también se le suman ciertas palabras claves para su correcto funcionamiento: 
•La palabra clave break interrumpe el bloque switch, deteniendo la ejecución adicional del código y/o pruebas adicionales de casos dentro del bloque. Si se omite el break, se ejecutará el siguiente bloque de código en la declaración switch.
•La palabra clave default especifica un código a ejecutar si no hay coincidencia con ningún caso. Solo puede haber un default en un switch, y aunque es opcional, se recomienda su uso para manejar casos inesperados.




Código Switch:

El siguiente código usando switch verifica 7 posibles casos si el usuario ingresa lunes , martes , miércoles , jueves , viernes , sábado  y domingo. En los casos de miércoles y sábado se crea 1 caso mas para cuando el usuario ingrese "miércoles" y "sábado" y final mente al ingresar un dato no reconocido en el apartado default se muestra un mensaje de error. 





el código entero:







La Pagina ya ejecutada:









Bibliografías:

  • Hernandez, R. D. (2022, abril 21). JavaScript switch case: Ejemplo de sentencias switch en JS. freecodecamp.org. https://www.freecodecamp.org/espanol/news/javascript-switch-case-ejemplo-de-sentencias-switch-en-js/


  • La sentencia “switch”. (s/f). Javascript.info. Recuperado el 19 de abril de 2024, de https://es.javascript.info/switch


  • switch. (s/f). MDN Web Docs. Recuperado el 19 de abril de 2024, de https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Statements/switch














Entradas más populares de este blog

Arrays En JavaScript

Imagen
Arrays en JavaScript  En el lenguaje de JavaScript/HTML es posible guardar datos de una manera muy eficiente y rápida, este elemento es llamado Vector o también es conocido como un "Array". Por lo que en este blog veremos qué es un Array, su funcionalidad e importancia, y por último como crearlo junto a un ejemplo práctico. Los arrays en JavaScript son estructuras de datos muy útiles que permiten almacenar y manipular colecciones de datos. En este ejemplo, se utilizan arrays para: Almacenamiento de Sueldos : Los sueldos ingresados por el usuario se guardan en un array, lo que permite calcular el total de manera eficiente y mostrar el listado completo.  Meses y Días : Los nombres de los meses y la cantidad de días de cada mes se almacenan en arrays, facilitando la búsqueda rápida de esta información cuando el usuario ingresa un número de mes. ¿Cuales con las ventajas? Organización de Datos : Permiten agrupar datos relacionados de manera estructurada. Facilidad de Acceso : Los ...
Leer más

Condiciónales anidadas

Imagen
 Condicionales Anidadas Las condicionales anidadas  se refieren al uso de declaraciones condicionales dentro de otras declaraciones condicionales. Estos se utilizan a menudo para crear procesos de toma de decisiones y lógica más complejos en el código. En JavaScript, los condicionales anidados se pueden implementar usando declaraciones "if", "else if" y "else". Para ejemplificar esto, creamos unas página web, la cual haga lo siguiente:  Realizar un programa que lea por teclado el nombre de una persona y pida dos números, si el primero es mayor al segundo imprimir su suma y resta, en caso contrario imprimir la multiplicación y la división del primero respecto al segundo. El código entero es el siguiente: Formularios: Para hacer la entrada de datos fue necesario crear un formulario, mediante "form", y después de esto un label el cual indica el dato a ingresar para después leer con input. Variables : Fue necesario crear algunas variables para poder ...
Leer más

Ejemplo de Formularios

Imagen
 Ejemplo De Formularios. En el lenguaje de PHP/HTML, los formularios nos permiten interactuar en gran manera con el usuario en las páginas web. Mediante elementos HTML, los cuales permiten a los usuarios enviar datos al servidor para su procesamiento. Para ejemplificar a los formularios, creamos una página web la cual mediante un formulario registra los datos de: Nombre, Apellido y edad, después una condición verificará si es mayor o menor de edad. Entrada de datos : Los campos de entrada (<input>) permiten al usuario ingresar información. En este caso, hay campos para el nombre, apellido y edad del usuario. Cada campo tiene un atributo name que especifica el nombre de la variable que será utilizada para recuperar el valor ingresado por el usuario. El formulario utiliza el método POST para enviar los datos. Esto significa que los datos del formulario se envían al servidor web como parte del cuerpo de la solicitud HTTP. Condicionales: Mostramos los datos ingresados y luego det...
Leer más