Agrega ejercicio 5 de la clase 9

clase-9.js

@@ -73,4 +73,61 @@ externo1.addEventListener("click", function() {
 //externo - capturing
 //botón
 //interno
-//externo
+//externo
+
+
+
+//Ejercicio 5 de la clase 9
+
+const form = document.querySelector("#formulario");
+form.addEventListener("submit", function(event) {
+    event.preventDefault();
+
+    const nombre = document.querySelector("#nombre").value;
+    const edad = document.querySelector("#edad").value;
+    const mensaje = document.querySelector("#mensaje").value;
+
+    const errorNombre = document.querySelector("#errorNombre");
+    const errorEdad = document.querySelector("#errorEdad");
+    const errorMensaje = document.querySelector("#errorMensaje");
+
+    const resultado = document.querySelector("#resultado");
+
+    errorNombre.textContent = "";
+    errorEdad.textContent = "";
+    errorMensaje.textContent = "";
+    resultado.textContent = "";
+
+    if (nombre.trim() === "") {
+        errorNombre.textContent = "El nombre no puede estar vacío.";
+        errorNombre.classList.add("visible");
+        return;
+    }
+
+    errorNombre.classList.remove("visible");
+
+    if (edad.trim() === "") {
+        errorEdad.textContent = "La edad no puede estar vacía.";
+        errorEdad.classList.add("visible");
+        return;
+    } else if (isNaN(edad) || edad <= 0 || edad >= 120) {
+        errorEdad.textContent = "La edad debe ser un número mayor que 0 y menor que 120";
+        errorEdad.classList.add("visible");
+        return;
+    }
+
+    errorEdad.classList.remove("visible");
+
+    if(mensaje.trim() === "") {
+        errorMensaje.textContent = "El mensaje no puede estar vacío.";
+        errorMensaje.classList.add("visible")
+        return;
+    }
+    errorMensaje.classList.remove("visible");
+
+    resultado.textContent = "Formulario enviado con éxito.";
+
+    document.querySelector("#nombre").value = "";
+    document.querySelector("#edad").value = "";
+    document.querySelector("#mensaje").value = "";
+});