From 8c2458103ed5100bf185b76bcf1e893c47d3a4e8 Mon Sep 17 00:00:00 2001
From: Alexis08041992 <alexismaximilianoojeda@gmail.com>
Date: Mon, 1 Jun 2026 20:35:16 -0300
Subject: [PATCH] Ejercicio 1

---
 estilo.css |  6 ++++++
 script.js  | 14 ++++++++++++--
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/estilo.css b/estilo.css
index 040e932..73e911e 100644
--- a/estilo.css
+++ b/estilo.css
@@ -53,6 +53,12 @@ th, td {
     border-bottom: 1px solid #e0e0e0;
 }
 
+/* Centrar columnas específicas (Año y Puntaje) */
+th:nth-child(3), td:nth-child(3),
+th:nth-child(4), td:nth-child(4) {
+    text-align: center;
+}
+
 th {
     background-color: #4a69bd;
     color: white;
diff --git a/script.js b/script.js
index 234668b..8532657 100644
--- a/script.js
+++ b/script.js
@@ -7,8 +7,18 @@ let libros = [
 
 function mostrarTabla(datos) {
     // Escribir esta función para resolver el punto 1.
+    const libreria = document.querySelector("#listado_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>
+        `;
+        libreria.appendChild(fila);
+    }   
 }
-
-
 // Invocamos la función al inicio para poblar la tabla con los datos del array
 mostrarTabla(libros);