ejercicio 8: construir listas dinamicas con createElement
This commit is contained in:
@@ -114,3 +114,28 @@ function cambiarImagen() {
|
|||||||
|
|
||||||
imagen.setAttribute("alt", "Locro");
|
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