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");
}
})