diff --git a/script.js b/script.js index 234668b..2ed3a47 100644 --- a/script.js +++ b/script.js @@ -5,10 +5,29 @@ let libros = [ { titulo: "La inquietud del rosal", anio: 1916, puntaje: 8, autor: "Alfonsina Storni" }, ]; -function mostrarTabla(datos) { - // Escribir esta función para resolver el punto 1. +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);