Ejercicio 2 incompleto

script.js

@@ -22,3 +22,56 @@ function mostrarTabla(datos) {
 }
 // Invocamos la función al inicio para poblar la tabla con los datos del array
 mostrarTabla(libros);
+
+const form = document.querySelector("#boton-agregar")
+
+function taMal(id, mensaje) {
+    document.querySelector(id).textContent = mensaje;
+}
+
+function yaNoTa(id) {
+    document.querySelector(id).textContent = ""
+}
+
+form.addEventListener("click", (e) => {
+    e.preventDefault();
+
+    const titulo = document.querySelector("#titulo").value.trim();
+    const autor = document.querySelector("#autor").value.trim();
+    const anio = document.querySelector("#anio").value.trim();
+    const calificacion = document.querySelector("#calificacion").value;
+
+    yaNoTa("#error");
+    yaNoTa("#error");
+    yaNoTa("#error");
+    yaNoTa("#error");
+
+
+    let valido = true;
+
+    
+    if (titulo === "") {
+        taMal("#error", "El titulo no puede estar vacío.");
+        valido = false;
+    }
+
+    if (autor === "") {
+        taMal("#error", "El autor no puede estar vacío.");
+        valido = false;
+    }
+
+    if (anio === "") {
+        taMal("#error", "El año no puede estar vacío.");
+        valido = false;
+    }
+
+    if (calificacion === "" || parseInt(calificacion) < 0 || parseInt(calificacion) > 10) {
+        taMal("#error", "La calificaion tiene que ser mayor que 0 y menor que 10.");
+        valido = false;
+    }
+    
+    if (valido) {
+        document.querySelector("#exito").textContent = "Formulario enviado correctamente.";
+        form.reset();  // reset() limpia todos los campos del formulario
+    }
+});