Seguimiento de la rama DOM sobre los ejercicios de la clase 8 #9

Open
gaibazzi.lucio wants to merge 9 commits from gaibazzi.lucio/clase-8-DOM:DOM into main
Showing only changes of commit 9e2442d6c8 - Show all commits

View File

@@ -42,4 +42,36 @@ function destacarParrafos() {
parrafo.classList.add("destacado");
}
}
}
//Ejercicio 5 de la clase 8.
function crearNuevoDiv() {
const div = document.createElement("div");
div.classList.add("grupo-comidas");
const titulo = document.createElement("h2");
titulo.textContent = "Comidas típicas del litoral";
const parrafo = document.createElement("p");
parrafo.textContent = "Algunas comidas tradicionales de la región litoral.";
const lista = document.createElement("ul");
lista.classList.add("lista-comidas")
const comidas = ["Chipá", "Surubí", "Salmón", "Rabas"];
for (const comida of comidas) {
const elementosLista = document.createElement("li");
elementosLista.textContent = comida;
lista.appendChild(elementosLista);
}
div.appendChild(titulo);
div.appendChild(parrafo);
div.appendChild(lista);
document.body.appendChild(div);
}