Ejercicio 4: Determinar el mayor de tres números

Ejercicio 4: Determinar el mayor de tres números

Pide al usuario tres números y muestra cuál es el mayor.

---

Pseudocódigo

1. Solicitar al usuario ingresar tres números. 2. Comparar los números: a. Si el primero es mayor que los otros dos, es el mayor. b. Si el segundo es mayor que los otros dos, es el mayor. c. De lo contrario, el tercero es el mayor. 3. Mostrar el número mayor.

---

Código HTML y JavaScript

<form id="formMayorTres" onsubmit="return determinarMayorTres()">
  <label for="num1">Número 1:</label>
  <input type="number" id="num1" name="num1"><br /><br />
  <label for="num2">Número 2:</label>
  <input type="number" id="num2" name="num2"><br /><br />
  <label for="num3">Número 3:</label>
  <input type="number" id="num3" name="num3"><br /><br />
  <button type="submit">Comparar</button>
</form>

<div id="resultadoMayorTres"></div>

<script>
function determinarMayorTres() {
  const n1 = parseFloat(document.getElementById('num1').value);
  const n2 = parseFloat(document.getElementById('num2').value);
  const n3 = parseFloat(document.getElementById('num3').value);
  const resultado = document.getElementById('resultadoMayorTres');

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

  let mayor = n1;
  if (n2 > mayor) mayor = n2;
  if (n3 > mayor) mayor = n3;

  resultado.textContent = "El número mayor es: " + mayor;
  resultado.style.color = "green";
  return false;
}
</script>

---

Resultado funcional:

Número 1:


Número 2:


Número 3:

---