forked from marquez.juan/clase-8-DOM
Ejercicio 5
This commit is contained in:
@@ -74,3 +74,38 @@ for (const p of parrafos) {
|
|||||||
p.classList.add("destacado");
|
p.classList.add("destacado");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//EJERCICIO 5
|
||||||
|
|
||||||
|
function agregarSeccionLitoral() {
|
||||||
|
// 1. Creo el contenedor principal
|
||||||
|
const contenedorComidas = document.createElement("div");
|
||||||
|
|
||||||
|
// 2. Creo y configuro el título h2
|
||||||
|
const titulo = document.createElement("h2");
|
||||||
|
titulo.textContent = "Comidas Típicas del Litoral";
|
||||||
|
|
||||||
|
// 3. Creo y configuro el párrafo introductorio
|
||||||
|
const parrafo = document.createElement("p");
|
||||||
|
parrafo.textContent = "La gastronomía del litoral argentino se destaca por sus platos a base de pescados de río y la influencia de la cultura guaraní.";
|
||||||
|
|
||||||
|
// 4. Creo la lista y sus elementos
|
||||||
|
const lista = document.createElement("ul");
|
||||||
|
const platos = ["Surubí a la parrilla", "Pacú frito", "Chipa", "Sopa paraguaya"];
|
||||||
|
|
||||||
|
for (const plato of platos) {
|
||||||
|
const item = document.createElement("li");
|
||||||
|
item.textContent = plato;
|
||||||
|
lista.appendChild(item);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 5. Armo la estructura: meto el h2, el p y la ul dentro del div
|
||||||
|
contenedorComidas.appendChild(titulo);
|
||||||
|
contenedorComidas.appendChild(parrafo);
|
||||||
|
contenedorComidas.appendChild(lista);
|
||||||
|
|
||||||
|
// 6. Finalmente, inserto el div completo al final del body de la página
|
||||||
|
document.body.appendChild(contenedorComidas);
|
||||||
|
|
||||||
|
console.log("Sección del litoral agregada exitosamente.");
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user