forked from marquez.juan/clase-11-ejercicio-integrador
ejercicio 1
This commit is contained in:
27
script.js
27
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);
|
||||
|
||||
Reference in New Issue
Block a user