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" },
];

function mostrarTabla(libros) {
    //asignamos el tbody a una variable (para usarla mas tarde)
    let tableBody = document.querySelector("tbody")
    //iteramos la lista con un for of
    for (libro of libros){ // por cada libro en libros:
        // creamos 1 row y 4 td
        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 = libro.titulo;
        tdAutor.textContent = libro.autor;
        tdAnio.textContent = libro.anio;
        tdPuntaje.textContent = libro.puntaje;
        // 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);
    }
}
// Invocamos la función al inicio para poblar la tabla con los datos del array
mostrarTabla(libros);