ejercicio 8: construir listas dinamicas con createElement
This commit is contained in:
@@ -114,3 +114,28 @@ function cambiarImagen() {
|
||||
|
||||
imagen.setAttribute("alt", "Locro");
|
||||
}
|
||||
// 8
|
||||
|
||||
function construirLista(datos) {
|
||||
const div = document.createElement("div");
|
||||
|
||||
div.classList.add("grupo-comidas");
|
||||
|
||||
const titulo = document.createElement("h2");
|
||||
titulo.textContent = datos[0];
|
||||
|
||||
const lista = document.createElement("ul");
|
||||
|
||||
for (let i = 1; i < datos.length; i++) {
|
||||
const item = document.createElement("li");
|
||||
|
||||
item.textContent = datos[i];
|
||||
|
||||
lista.appendChild(item);
|
||||
}
|
||||
|
||||
div.appendChild(titulo);
|
||||
div.appendChild(lista);
|
||||
|
||||
return div;
|
||||
}
|
||||
Reference in New Issue
Block a user