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");
|
||||
}
|
||||
}
|
||||
|
||||
//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