forked from marquez.juan/clase-11-ejercicio-integrador
40 lines
1.3 KiB
JavaScript
40 lines
1.3 KiB
JavaScript
let libros = [
|
|
{ titulo: "El Aleph", anio: 1949, puntaje: 10, autor: "Borges, Jorge Luis" },
|
|
{ titulo: "Rayuela", anio: 1963, puntaje: 9 , autor: "Cortázar, Julio" },
|
|
{ titulo: "Dailan Kifki", anio: 1966, puntaje: 8, autor: "Walsh, María Elena" },
|
|
{ titulo: "La inquietud del rosal", anio: 1916, puntaje: 8, autor: "Alfonsina Storni" },
|
|
];
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function(){
|
|
function mostrarTabla(libros) {
|
|
const cuerpo = document.querySelector("#datos-libros")
|
|
for (const libro of libros) {
|
|
const fila = document.createElement("tr")
|
|
fila.innerHTML = `
|
|
<td>${libro.titulo}</td>
|
|
<td>${libro.autor}</td>
|
|
<td>${libro.anio}</td>
|
|
<td>${libro.puntaje}</td> `
|
|
|
|
cuerpo.appendChild(fila);
|
|
}
|
|
}
|
|
mostrarTabla(libros);
|
|
})
|
|
const boton = document.querySelector("#boton-agregar");
|
|
const error = document.querySelector("#error")
|
|
boton.addEventListener("click", function(){
|
|
const titulo = document.querySelector("#titulo").value;
|
|
const autor = document.querySelector("#autor").value;
|
|
const anio = document.querySelector("#anio").value;
|
|
const calificacion = document.querySelector("#calificacion").value;
|
|
if (titulo === "" || autor === "" || anio === "" || calificacion < 0 || calificacion > 10) {
|
|
error.classList.add("visible");
|
|
error.classList.remove("invisible");
|
|
}
|
|
})
|
|
|
|
|
|
|