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 num4 = parseInt(prompt('Ingrese el cuarto número'));
        if(num1 < 0){
            document.write(`${num1} es un número negativo.`);
        }else if(num2 < 0){
            document.write(`${num2} es un número negativo.`);
        }else if(num3 < 0){
            document.write(`${num3} es un número negativo.`);
        }else if(num4 < 0){
            document.write(`${num4} es un número negativo.`);
        }else{
            document.write('No existe número negativo.');
        }
    </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 que ( < ) devuelve true si el operando izquierdo es menor que el operando derecho.
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 solicita al usuario cuatro números y muestra el primero que sea negativo. Si todos son positivos o cero, indica que no hay números negativos.

1. Estructura HTML

<!DOCTYPE html>: Define el documento como HTML5.
<html lang="es">: Especifica que el idioma es español.
<head>: Contiene metadatos y configuraciones del documento.
<title>Ejercicio JavaScript</title>: Define el título de la página.

2. Código JavaScript

Pedir números al usuario

Se usan prompt() para solicitar cuatro números y parseInt() para convertirlos en 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'));
let num4 = parseInt(prompt('Ingrese el cuarto número'));

Verificación del primer número negativo

Se usa una estructura if-else para verificar cuál de los números es negativo y mostrarlo en pantalla.


if (num1 < 0) {
    document.write(`${num1} es un número negativo.`);
} else if (num2 < 0) {
    document.write(`${num2} es un número negativo.`);  
} else if (num3 < 0) {
    document.write(`${num3} es un número negativo.`);
} else if (num4 < 0) {
    document.write(`${num4} es un número negativo.`);
} else {
    document.write('No existe número negativo.');
}

Resumen

El código solicita cuatro números al usuario.
Verifica cuál es el primero en ser negativo.
Lo muestra en la pantalla.
Si no hay números negativos, informa que no existen.

Ejercicios de programación

Páginas

jueves, 27 de febrero de 2025

Mostrar el primer número negativo de cuatro números en JavaScript