domingo, 23 de febrero de 2025

Determinar cuál es el número menor de cuatro números en JavaScript

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 JavaScript</title>
</head>
<body>
    <script>
        let numero1 = parseInt(prompt('Ingrese el primer número'));
        let numero2 = parseInt(prompt('Ingrese el segundo número'));
        let numero3 = parseInt(prompt('Ingrese el tercer número'));
        let numero4 = parseInt(prompt('Ingrese el cuarto número'));
        if(numero1 <= numero2 && numero1 <= numero3 && numero1 <= numero4){
            document.write(`el número menor es: ${numero1}`);
        }else if(numero2 <= numero1 && numero2 <= numero3 && numero2 <= numero4){
            document.write(`el número menor es: ${numero2}`);
        }else if(numero3 <= numero1 && numero3 <= numero2 && numero3 <= numero4){
            document.write(`el número menor es: ${numero3}`);
        }else{
            document.write(`el número menor es: ${numero4}`);
        }
    </script>
</body>
</html>

Definición de los códigos del ejercicio:

<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.
let --> permite declarar variables limitando su alcance (scope) al bloque, declaración, o expresión donde se está usando.
parseInt() --> analiza un valor como una cadena y devuelve el primer entero.
prompt() --> muestra un cuadro de diálogo con mensaje opcional, que solicita al usuario que introduzca un texto.
if --> se usa para especificar un bloque de código que se ejecutará, si una condición especificada es verdadera.
else if --> se usa para especificar una nueva condición para probar, si la primera condición es falsa.
else --> se usa para especificar un bloque de código a ejecutar, si la misma condición es falsa.
<= --> el operador menor o igual ( <= ) devuelve true si el operando izquierdo es menor o igual que el operando derecho, y en false caso contrario.
&& --> 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.
document.write --> imprime el texto especificado en la página.
${} --> los literales de plantilla (cadenas de plantilla) le permiten utilizar cadenas o expresiones incrustadas en forma de cadena.

Explicación del Código:

Este código determina cuál es el número menor de cuatro números que el usuario ingresa. A continuación se explica el funcionamiento del código paso a paso.

1. Estructura HTML básica:


<!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 JavaScript</title>
</head>
<body>
    <!-- Código de JavaScript aquí -->
</body>
</html>
  

Esta es la estructura básica de una página web. Define que la página está en español y debe visualizarse correctamente en distintos dispositivos.

2. Obtener los números del usuario:


let numero1 = parseInt(prompt('Ingrese el primer número'));
let numero2 = parseInt(prompt('Ingrese el segundo número'));  
let numero3 = parseInt(prompt('Ingrese el tercer número'));
let numero4 = parseInt(prompt('Ingrese el cuarto número'));
  

Aquí usamos prompt() para pedir al usuario que ingrese cuatro números. parseInt() convierte las entradas del usuario, que son cadenas de texto, en números enteros.

3. Comparación de los números:


if(numero1 <= numero2 && numero1 <= numero3 && numero1 <= numero4){
    document.write(`el número menor es: ${numero1}`);
}else if(numero2 <= numero1 && numero2 <= numero3 && numero2 <= numero4){
    document.write(`el número menor es: ${numero2}`);
}else if(numero3 <= numero1 && numero3 <= numero2 && numero3 <= numero4){  
    document.write(`el número menor es: ${numero3}`);
}else{
    document.write(`el número menor es: ${numero4}`);
}
  

Esta es la lógica que permite determinar cuál de los números es el menor:

  • Se compara cada número con los demás usando el operador <= para verificar si un número es menor o igual que los otros.
  • Si numero1 es el menor, se muestra ese número. Si no, se compara con numero2, luego con numero3, y por último se asume que numero4 es el menor.

4. Mostrar el resultado:


document.write(`el número menor es: ${numero1}`);  
  

Finalmente, document.write() se usa para mostrar el número menor en la página web.

No hay comentarios.:

Publicar un comentario

Cómo hacer un diagrama de flujo

Los diagramas de flujo son diagramas que muestran los pasos de un proceso. Los diagramas de flujo básicos son fáciles de crea...

Copyright ©2025 Ejercicios de programación. Todos los derechos reservados. ❤️