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