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