ESTRUCTURA SWITCH EN JAVASCRIPT

                                   
                  SWITCH EN JAVASCRIPT

By: MISAEL DE JESÚS HERNÁNDEZ OROZCO Y

OSCAR GAEL GÓMEZ DÍAZ. 

19/04/24
APERTURA:
En este artículo hablaremos de la estructura switch o popularmente conocida como condicionales múltiples, la cual funciona como una condicional pero con mas alternativas para poder remplazar algunos if/else. 
DESARROLLO: 
¿Qué son?: las condiciones múltiples o switch es una alternativa para remplazar el uso de if/else anidados. 
Codificación: para utilizar las condiciones muliples necesitamos declararla con la instrucción "switch(var)", en donde 'var' es la variable que se va a comparar para seguir generando el código.  
EJEMPLO:
var xd;
switch(xd)
{
}
Para buscar el valor de la variable necesitamos la instrucción 'case' seguido de un número comenzando desde el número 1.
 EJEMPLO:
var xd;
switch(xd)
{
case 1:
}
Dependiendo el número que tiene el case es el número que debe de tener la variable para poder ejecutar el código dentro de ese 'case'.
 EJEMPLO:
var xd;
switch(xd)
{
case 1: (codigo en caso de que el valor de la variable sea 1);
case 2:(codigo en caso de que el valor de la variable sea 2);
}
Para separar un case de otro necesitamos la instrucción 'break'.
 EJEMPLO:
var xd;
switch(xd)
{
case 1: (código en caso de que el valor de la variable sea 1);
break;
case 2:(código en caso de que el valor de la variable sea 2);
}
Cuando ya ingresamos la cantidad de case que vamos a utilizar, nos hace falta una instrucción en caso de que el valor de la variable no sea el de algún case, esta instrucción se llama 'default'.
 EJEMPLO:
var xd;
switch(xd)
{
case 1: (codigo en caso de que el valor de la variable sea 1);
break;
case 2:(codigo en caso de que el valor de la variable sea 2);
break;
default: (codigo en caso de que el valor de la variable no sea ni 1 ni 2);
}

Ejemplo del uso de los elementos que se han mencionado hasta el momento:



Resultado de una correcta codificación:







CONCLUSIÓN:
Para concluir este pequeño blog, logramos capturar de manera adecuada la información de lo que son las condicionales múltiples y como funcionan para que puedan emplearlos de la manera correcta y que en el futuro que sean grandes programadores, hagan el correcto uso de los mismos, sin tener errores en la programación, Gracias.

Adjuntamos video de código y ejecución del programa.






BIBLIOGRAFÍA:

Entrar al sitio. (s/f). Milaulas.com. Recuperado el 19 de abril de 2024, de https://cbtis88.milaulas.com/mod/resource/view.php?id=2390





Comentarios

Publicar un comentario

Entradas más populares de este blog

PROGRAMACIÓN EN HTML

Imagen
   PROGRAMACIÓN EN HTML ( estructuras, estilos y párrafos ). By: MISAEL DE JESÚS HERNÁNDEZ OROZCO Y OSCAR GAEL GÓMEZ DÍAZ.   11/03/24  APERTURA: En este artículo se tocará el tema de la programación en HTML, como se estructura para el correcto funcionamiento y como darle estilos que hagan de la página web, un sitio agradable al usuario. ¡ Sigan viendo! DESARROLLO: Estructura en html:  La estructura básica de un programa de html, comienza con "<!DOCTYPE html>" que nos declara que versión de HTML se usará para programar. El "<html> </html>" es la parte más fundamental de la estructura, ya que en el se contiene literalmente cada etiqueta, atributo, mensajes y todo lo necesario para el funcionamiento del programa. El "<head> </head>" nos guarda las referencias de la página como lo es el título. El "<body> </body>" es una parte fundamental ya que en él está el cuerpo del programa, todo lo que se most
Leer más

FONDO Y BORDES EN HTML.

Imagen
                                FONDO Y BORDES EN HTML. By: MISAEL DE JESÚS HERNÁNDEZ OROZCO Y OSCAR GAEL GÓMEZ DÍAZ.                                                                                                         24 /06/24 APERTURA: Los fondos y bordes en HTML son herramientas poderosas para definir la estructura visual de tu página web. El fondo de una página o de un elemento específico puede establecer el tono y la atmósfera de la página, mientras que los bordes ayudan a delimitar y separar diferentes secciones de contenido, mejorando la claridad y el orden. DESARROLLO:   1. Fondos: Fondos de página: Puedes definir el fondo de toda la página o de secciones específicas utilizando la propiedad background en CSS. Esto incluye colores sólidos, imágenes de fondo y gradientes. Fondos de elementos: Cada elemento HTML puede tener su propio fondo, permitiéndote destacar áreas importantes como encabezados, secciones de contenido o áreas de navegación. 2. Bordes: Estilo de bordes:
Leer más

CONDICIONALES EN PHP

Imagen
CONDICIONALES EN PHP By: MISAEL DE JESÚS HERNÁNDEZ OROZCO Y OSCAR GAEL GÓMEZ DÍAZ.   29/02/24 Apertura: En este artículo se explicará acerca de como funcionan las condiciones o condicionales en el lenguaje de programación de PHP para así poder emplearlas de forma correcta en nuestro código fuente de nuestra página web. Se abarcará desde el concepto de condición hasta como emplearlas anexando ejemplos.   Desarrollo: Para comenzar:  ¿Qué es una condición o condicional?: Las condiciones es el conjunto de instrucciones que se emplea cuando se pretende que el programa tome un camino en concreto en determinados casos.  Para declarar una condición se usa: if, else, elseif . if : es la parte en donde se declara la condición y que para ello se utiliza los operadores lógicos:                         == Igual  a otra          > =Mayor o igual          >Mayor          !=Distinto                                                               <=Menor o igual          <Menor  
Leer más