diff --git a/script.js b/script.js index 2ed3a47..7000aff 100644 --- a/script.js +++ b/script.js @@ -31,3 +31,39 @@ function mostrarTabla(libros) { } // Invocamos la función al inicio para poblar la tabla con los datos del array mostrarTabla(libros); + +//ejercicio 2 +// creamos las variables pertinentes para fabricar la funcion +let botonAgregar = document.querySelector("#boton-agregar"); +let inputTitulo = document.querySelector("#titulo"); +let inputAutor = document.querySelector("#autor"); +let inputAnio = document.querySelector("#anio"); +let inputCalificacion = document.querySelector("#calificacion"); +// Generamos el listener en boton-agregar +botonAgregar.addEventListener("click",(n)=>{ + if (inputTitulo.value === "" || inputAutor.value === "" || inputAnio.value === "" || inputCalificacion.value === ""){ // si alguno de los campos esta vacio... + alert("Ningun campo puede estar vacio"); // mensaje de error + } else if (parseInt(inputCalificacion.value) < 0 || parseInt(inputCalificacion.value) > 10){ // si todos los campos estan llenos, pero la calificacion no esta entre 0 y 10 ... + alert("el puntaje tiene que ser del 1 al 10"); // mensaje de error + } else { // si llegamos hasta aqui es porque el codigo no presenta errores, por lo tanto reciclamos un poco del codigo del ejercicio anterior para crear elementos a la tabla + // por cada libro creado en el formulario... + // creamos 1 row y 4 td + let tableBody = document.querySelector("tbody"); + let nuevoRow = document.createElement("tr"); + let tdTitulo = document.createElement("td"); + let tdAutor = document.createElement("td"); + let tdAnio = document.createElement("td"); + let tdPuntaje = document.createElement("td"); + //la llenamos con el contenido correspondiente + tdTitulo.textContent = inputTitulo.value; + tdAutor.textContent = inputAutor.value; + tdAnio.textContent = inputAnio.value; + tdPuntaje.textContent = inputCalificacion.value; + // y las anexamos a la tabla html de forma correspondiente + tableBody.appendChild(nuevoRow); + nuevoRow.appendChild(tdTitulo); + nuevoRow.appendChild(tdAutor); + nuevoRow.appendChild(tdAnio); + nuevoRow.appendChild(tdPuntaje); + } +})