lunes, 24 de febrero de 2025

Determinar cuál es el número menor de tres 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 num1 = parseInt(prompt('Ingrese el primer número'));
        let num2 = parseInt(prompt('Ingrese el segundo número'));
        let num3 = parseInt(prompt('Ingrese el tercer número'));
        let menor;
        if(num1 <= num2 && num1 <= num3){
            menor = num1;
        }else if(num2 <= num1 && num2 <= num3){
            menor = num2;
        }else{
            menor = num3;
        }
        document.write(`El número menor es: ${menor}`);
    </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 menor que ( < ) devuelve true si el operando izquierdo es menor que el operando derecho.
&& --> 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:

En este ejercicio utilizaremos JavaScript para pedir tres números al usuario, compararlos y determinar cuál de ellos es el menor.

1. Estructura básica de HTML

<!DOCTYPE html> indica que el documento utiliza HTML5.

<html lang="es"> indica que el contenido de la página está escrito en español.

<head> contiene información de configuración de la página.

<meta charset="UTF-8"> permite utilizar correctamente caracteres especiales como la ñ y las tildes.

<meta name="viewport"> permite que la página se adapte correctamente a celulares y otros dispositivos.

<title> establece el título que aparecerá en la pestaña del navegador.

2. Pedir los tres números

Primero necesitamos obtener tres números del usuario. Para ello utilizamos prompt(). 

let num1 = parseInt(prompt("Ingrese el primer número"));

let num2 = parseInt(prompt("Ingrese el segundo número"));

let num3 = parseInt(prompt("Ingrese el tercer número"));

prompt() muestra una ventana donde el usuario puede escribir un valor.

parseInt() convierte el valor introducido en un número entero.

Los valores se almacenan en las variables num1, num2 y num3.

3. Crear la variable para guardar el menor 

let menor;

Aquí creamos una variable llamada menor. En ella guardaremos posteriormente el número más pequeño.

4. Comparar el primer número 

if (num1 <= num2 && num1 <= num3) {
    menor = num1;
}

La condición comprueba si num1 es menor o igual que num2 y también menor o igual que num3.

El operador && significa "Y". Por lo tanto, las dos condiciones deben cumplirse.

Si se cumplen, significa que num1 es el menor y se guarda en la variable menor.

5. Comparar el segundo número 

else if (num2 <= num1 && num2 <= num3) {
    menor = num2;
}

Si el primer número no era el menor, utilizamos else if para comprobar el segundo número.

Si num2 es menor o igual que los otros dos números, entonces guardamos su valor en menor.

6. Si el menor es el tercer número 

else {
    menor = num3;
}

Si el primer y el segundo número no cumplen las condiciones anteriores, utilizamos else.

En este caso, el tercer número será el menor, por lo que guardamos num3 dentro de la variable menor.

7. Mostrar el resultado 

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

document.write() permite mostrar un texto directamente en la página web.

${menor} obtiene el valor que anteriormente guardamos en la variable menor.

8. Código completo del ejercicio 

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Ejercicio JavaScript</title>
</head>

<body>

    <script>

        let num1 = parseInt(prompt("Ingrese el primer número"));
        let num2 = parseInt(prompt("Ingrese el segundo número"));
        let num3 = parseInt(prompt("Ingrese el tercer número"));

        let menor;

        if (num1 <= num2 && num1 <= num3) {
            menor = num1;

        } else if (num2 <= num1 && num2 <= num3) {
            menor = num2;

        } else {
            menor = num3;
        }

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

    </script>

</body>
</html>

9. ¿Cómo funciona el ejercicio?

El programa sigue estos pasos:
  1. Pide el primer número.
  2. Pide el segundo número.
  3. Pide el tercer número.
  4. Compara los tres números.
  5. Guarda el número menor en la variable menor.
  6. Muestra el resultado en la página.

Ejemplo

Si el usuario introduce: 

Primer número: 25
Segundo número: 8
Tercer número: 15

El programa compara los tres valores y determina que 8 es el número menor.

El número menor es: 8

Resumen

En pocas palabras, el programa recibe tres números → los compara → determina cuál es el menor → muestra el resultado.

Código del ejercicio: Otra forma de hacer

<!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 num1 = parseInt(prompt('Ingrese el primer número'));
        let num2 = parseInt(prompt('Ingrese el segundo número'));
        let num3 = parseInt(prompt('Ingrese el tercer número'));
        let t, menor;
        if(num1 < num2){
            t = num1;
        }else{
            t = num2;
        }
        if(t < num3){
            menor = t;
        }else{
            menor = num3;
        }
        document.write(`El número menor es: ${menor}`);
    </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 menor que ( < ) devuelve true si el operando izquierdo es menor que el operando derecho.
&& --> 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 ejercicio consiste en ingresar tres números y determinar cuál de ellos es el menor utilizando JavaScript.

1. Estructura HTML

  • <!DOCTYPE html> indica que el documento utiliza HTML5.
  • <html lang="es"> indica que el contenido de la página está escrito en español.
  • <head> contiene información de configuración de la página.
  • <meta charset="UTF-8"> permite utilizar correctamente tildes, ñ y otros caracteres especiales.
  • <meta name="viewport" content="width=device-width, initial-scale=1.0"> permite que la página se adapte correctamente a celulares y tablets.
  • <title> establece el título que aparecerá en la pestaña del navegador.

2. Pedir los tres números

El programa utiliza prompt() para solicitar los tres números al usuario.

let num1 = parseInt(prompt('Ingrese el primer número'));
let num2 = parseInt(prompt('Ingrese el segundo número'));
let num3 = parseInt(prompt('Ingrese el tercer número'));
  • prompt() muestra una ventana para que el usuario introduzca un valor.
  • parseInt() convierte el valor introducido en un número entero.
  • num1 almacena el primer número.
  • num2 almacena el segundo número.
  • num3 almacena el tercer número.

3. Crear las variables

let t, menor;

Aquí se crean dos variables:

  • t: almacenará temporalmente el menor entre num1 y num2.
  • menor: almacenará finalmente el número menor de los tres números.

4. Comparar el primer y segundo número

if (num1 < num2) {
    t = num1;
} else {
    t = num2;
}

La condición if comprueba si el primer número es menor que el segundo.

  • Si num1 es menor que num2, se guarda num1 dentro de t.
  • Si no se cumple la condición, se guarda num2 dentro de t.

Por lo tanto, después de esta comparación, t contiene el menor de los dos primeros números.

5. Comparar con el tercer número

if (t < num3) {
    menor = t;
} else {
    menor = num3;
}

Ahora se compara el valor almacenado en t con el tercer número.

  • Si t es menor que num3, entonces menor = t.
  • Si t no es menor que num3, entonces menor = num3.

De esta manera, la variable menor termina almacenando el número más pequeño de los tres.

6. Mostrar el resultado

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

Finalmente, document.write() muestra el resultado en la página.

La expresión ${menor} coloca dentro del texto el valor que contiene la variable menor.

7. Ejemplo del ejercicio

Supongamos que el usuario introduce:

  • Primer número: 25
  • Segundo número: 8
  • Tercer número: 15

Primero se compara:

25 < 8 → Falso → t = 8

Después se compara el valor de t con el tercer número:

8 < 15 → Verdadero → menor = 8
El número menor es: 8

Resumen de la lógica

El programa realiza tres pasos principales:

  1. Compara el primer número con el segundo.
  2. Guarda el menor de ellos en la variable t.
  3. Compara t con el tercer número para obtener definitivamente el menor de los tres.
num1 y num2 → encontrar el menor → comparar con num3 → obtener el menor de los tres
a la/s
Etiquetas:

No hay comentarios.:

Publicar un comentario

Suscribirse a: Comentarios de la entrada (Atom)

Encontrar todas las posiciones de un carácter x de una cadena en Python

Código del ejercicio: s = input ( "Ingresar texto: " ) x = input ( "Ingresar carácter: ...

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