diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js index 8f91f64..b6dcad2 100644 --- a/ejercicios-clase-8.js +++ b/ejercicios-clase-8.js @@ -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."); +}