Lenguaje Java Script

Ejercicio 1 - Sumar y Restar

index.html

				
					<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Aprendiendo JavaScript</title>
    <script src="script.js" defer></script>
</head>
<body>
    <h1>Sumar dos números</h1>
    <label for="num1">Número 1:</label>
    <input type="number" id="num1">
    <br>
    <label for="num2">Número 2:</label>
    <input type="number" id="num2">
    <br><br>
    <button onclick="sumar()">Calcular</button>
    <p id="resultado"></p>
</body>
</html>

script.js

				
					
function sumar() {
    // Obtener los valores de los inputs
    const num1 = parseFloat(document.getElementById('num1').value);
    const num2 = parseFloat(document.getElementById('num2').value);

    // Validar que sean números
    if (isNaN(num1) || isNaN(num2)) {
        document.getElementById('resultado').innerText = 'Por favor, ingresa números válidos.';
        return;
    }

    // Realizar la suma
    const suma = num1 + num2;

    // Mostrar el resultado
    document.getElementById('resultado').innerText = `El resultado es: ${suma}`;
}

				
					function sumar( ) {

				
					const num1 = parseFloat(document.getElementById('num1').value);
const num2 = parseFloat(document.getElementById('num2').value);

🔸document.getElementById(‘num1’): Selecciona el elemento de la página con el id=»num1″, que en este caso es un campo de entrada donde el usuario escribe el primer número.

🔸.value: Obtiene el valor que el usuario ha introducido en ese campo de texto.

🔸parseFloat(): Convierte el valor del campo (que es una cadena de texto) a un número flotante (decimal). Si el valor no es un número, devolverá NaN (Not a Number).

Lo mismo sucede para num2, que es el segundo número que el usuario ingresa.

3. Validar que los valores sean números

				
					if (isNaN(num1) || isNaN(num2)) {
document.getElementById('resultado').innerText = 'Por favor, ingresa números válidos.';
return;
}

🔸isNaN(): Esta función verifica si el valor dado no es un número. En este caso, se usa para comprobar si num1 o num2 no son números válidos. Si alguno de los dos valores no es un número, isNaN() devolverá true.
Si alguno de los dos valores no es un número (es decir, si num1 o num2 son NaN), el código dentro del bloque if se ejecuta:

document.getElementById(‘resultado’).innerText = ‘Por favor, ingresa números válidos.’;

Cambia el texto del elemento con id=»resultado» para mostrar un mensaje de error en la página.

Nota:

isNaN( ) significa «Is Not a Númber».

				
					const suma = num1 + num2;

				
					document.getElementById('resultado').innerText = `El resultado es: ${suma}`;

Inicio

Ejercicio 2

Lenguaje Java Script

Ejercicio 1 - Sumar y Restar

1. Definición de la función sumar()

2. Obtener los valores de los campos de entrada

3. Validar que los valores sean números

4. Realizar la suma

5. Mostrar el resultado