ejercicio 1

This commit is contained in:
Romeo
2026-06-01 20:25:51 -03:00
parent 7bd10addd8
commit 21d371569a

View File

@@ -5,10 +5,29 @@ let libros = [
{ titulo: "La inquietud del rosal", anio: 1916, puntaje: 8, autor: "Alfonsina Storni" }, { titulo: "La inquietud del rosal", anio: 1916, puntaje: 8, autor: "Alfonsina Storni" },
]; ];
function mostrarTabla(datos) { function mostrarTabla(libros) {
// Escribir esta función para resolver el punto 1. //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 // Invocamos la función al inicio para poblar la tabla con los datos del array
mostrarTabla(libros); mostrarTabla(libros);