Condiciónales anidadas

 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 registrar los resultados de las operaciones , esto fue mediante la palabra var.







Condiciónales:
Para poder hacer este programa es necesario hacer uso de las condiciónales anidadas, las cuales nos permitirán darle solución al problema, las condiciones están anidadas dentro de la función realizarOperaciones(). Primero, se comprueba si el segundo número es cero. Si no lo es, se verifica si el primer número es mayor que el segundo. Dependiendo de las condiciones, se ejecutan diferentes bloques de código para mostrar los resultados adecuados.





Personalización:
Para la personalización del programa, es necesario ir al apartado de style, en dónde se agregan distintos estilos y etiquetas para la personalización de los párrafos, como colores, tamaños de las letras, las letras "b","i","mark","hr".
























El programa ya ejecutado:






bibliografía:

  • Soubie, D. E. (s/f). Estructuras condicionales anidadas en JavaScript. Todo-argentina.net. Recuperado el 20 de marzo de 2024, de https://www.todo-argentina.net/cursos/javascript/pagina8.php 
  • augustin/, A. (2023, febrero 16). Formulario HTML – Ejemplos de tipo de entrada y botón de envío. freecodecamp.org. https://www.freecodecamp.org/espanol/news/formulario-html-ejemplos-de-tipo-de-entrada-y-boton-de-envio/ 

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

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