lunes, 24 de febrero de 2025

Determinar cuál es el número mayor 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 mayor;
        if(num1 >= num2 && num1 >= num3){
            mayor = num1;
        }else if(num2 >= num1 && num2 >= num3){
            mayor = num2;
        }else{
            mayor = num3;
        }
        document.write(`El número mayor es: ${mayor}`);
    </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 mayor que o igual ( >= ) devuelve true si el operando izquierdo es mayor o igual que el operando derecho, y en false caso contrario.
> --> el operador mayor que ( > ) devuelve true si el operando izquierdo es mayor 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 en JavaScript pide al usuario que ingrese tres números y luego determina cuál es el mayor de esos tres. A continuación, se explica cada parte del código:

1. Definición del Documento HTML:

El código comienza con la definición básica de un documento HTML:


<!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>

Esto establece la codificación de caracteres y la compatibilidad con dispositivos móviles.

2. Ingreso de números por el usuario:

Se usan las funciones prompt para pedir al usuario que ingrese tres números. La función parseInt convierte lo que el usuario ingresa en números enteros: 


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'));

3. Determinación del número mayor:

Aquí se utilizan condicionales if para comparar los tres números y determinar cuál es el mayor: 


let mayor;
if (num1 >= num2 && num1 >= num3) {
    mayor = num1;
}else if (num2 >= num1 && num2 >= num3) {  
    mayor = num2;
}else {
    mayor = num3;
}

4. Mostrar el resultado:

Finalmente, el resultado se muestra en la página web utilizando document.write: 


document.write(El número mayor es: ${mayor});
La variable mayor contiene el número que es el mayor de los tres.

Resumen:

Este código pide tres números al usuario, los compara, y muestra cuál de ellos es el mayor en la página web.

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, mayor;
        if(num1 > num2){
            t = num1;
        }else{
            t = num2;
        }
        if(t > num3){
            mayor = t;
        }else{
            mayor = num3;
        }
        document.write(`El número mayor es: ${mayor}`);
    </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 mayor que o igual ( >= ) devuelve true si el operando izquierdo es mayor o igual que el operando derecho, y en false caso contrario.
> --> el operador mayor que ( > ) devuelve true si el operando izquierdo es mayor 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:

1. <html lang="es">: Define el idioma de la página como español.

2. <meta charset="UTF-8">: Establece la codificación de caracteres en UTF-8 para asegurar que los caracteres especiales se muestren correctamente.

3. <meta http-equiv="X-UA-Compatible" content="IE=edge">: Indica que la página debe ser compatible con la última versión de Internet Explorer.

4. <meta name="viewport" content="width=device-width, initial-scale=1.0">: Asegura que la página sea adaptable a diferentes tamaños de pantalla, especialmente en dispositivos móviles.

5. <script>: Dentro de esta etiqueta se encuentra el código JavaScript que se ejecuta en el navegador.

En el código JavaScript:

  • let num1 = parseInt(prompt('Ingrese el primer número')); Muestra un cuadro de diálogo donde el usuario ingresa el primer número. parseInt convierte el valor ingresado en un número entero.
  • let num2 = parseInt(prompt('Ingrese el segundo número')); Muestra un cuadro de diálogo donde el usuario ingresa el segundo número.
  • let num3 = parseInt(prompt('Ingrese el tercer número')); Muestra un cuadro de diálogo donde el usuario ingresa el tercer número.
  • let t, mayor; Declara dos variables, t para almacenar temporalmente el número mayor entre los primeros dos, y mayor para almacenar el número mayor entre los tres.
  • if(num1 > num2){ t = num1; }else{ t = num2; } Compara el primer y segundo número. Si el primero es mayor, asigna el valor de num1 a t. Si no, asigna el valor de num2 a t.
  • if(t > num3){ mayor = t; }else{ mayor = num3; } Compara el valor de t (el mayor entre el primer y segundo número) con el tercer número. Si t es mayor, asigna su valor a mayor. Si no, asigna el valor de num3 a mayor.
  • document.write(`El número mayor es: ${mayor}`); Muestra en la página web el número mayor, utilizando el valor almacenado en mayor.
a la/s
Etiquetas:

No hay comentarios.:

Publicar un comentario

Suscribirse a: Comentarios de la entrada (Atom)

Calcular el volumen de un prisma rectangular en Windows Forms C Sharp

Código del ejercicio: using System ; using System . Collections . Generic ; using System . ComponentModel ; using System ....

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