Ejercicio 2: Calculadora básica de suma

Ejercicio 2: Calculadora básica de suma

Crea un pequeño formulario donde el usuario ingrese dos números y al enviar se muestre la suma de ambos.

---

Pseudocódigo

1. Mostrar formulario con dos campos numéricos y botón "Calcular". 2. Al presionar el botón: a. Leer los dos números ingresados. b. Sumar ambos números. 3. Mostrar el resultado de la suma.

---

Código HTML y JavaScript

<form id="formSuma" onsubmit="return calcularSuma()">
  <label for="num1">Número 1:</label>
  <input type="number" id="num1" name="num1" />

  <label for="num2">Número 2:</label>
  <input type="number" id="num2" name="num2" />

  <button type="submit">Calcular</button>
</form>

<div id="resultadoSuma"></div>

<script>
function calcularSuma() {
  const n1 = parseFloat(document.getElementById('num1').value);
  const n2 = parseFloat(document.getElementById('num2').value);
  const resultado = document.getElementById('resultadoSuma');

  if (isNaN(n1) || isNaN(n2)) {
    resultado.textContent = "Por favor, ingresa ambos números correctamente.";
    resultado.style.color = "red";
    return false;
  }

  const suma = n1 + n2;
  resultado.textContent = "La suma es: " + suma;
  resultado.style.color = "green";

  return false;
}
</script>

---

Resultado funcional:

Número 1:


Número 2:

---