Ejercicio 5

ejercicios-clase-8.js

@@ -75,3 +75,47 @@ function addPalabra () {
         } 
     }
 }
+
+// Ejercicio 5
+/*
+Crear una función que agregue un nuevo div a la página, que incluya comidas típicas de la región del litoral. 
+Este div debe incluir un h2, un párrafo introductorio y una lista de comidas típicas. 
+Probarla utilizando las devtools.
+
+* Al ejercicio le agregue que el nuevo div y la nueva lista tengan el mismo estilo que lo otros. 
+*/
+
+function addLitoral() {
+
+    let comidasLitoral = document.createElement("div");
+    comidasLitoral.classList.add("grupo-comidas");
+
+    let titulo = document.createElement("h2");
+    titulo.textContent = "Comidas típicas de la region del litoral";
+
+    let parrafoLitoral = document.createElement("p");
+    parrafoLitoral.textContent = "La región del litoral cuenta con comidas tradicionales muy populares.";
+
+    let lista = document.createElement("ul");
+
+    lista.classList.add("lista-comidas");
+
+    let comida1 = document.createElement("li");
+    comida1.textContent = "Chipá";
+
+    let comida2 = document.createElement("li");
+    comida2.textContent = "Pacú asado";
+
+    let comida3 = document.createElement("li");
+    comida3.textContent = "Mbejú";
+
+    lista.appendChild(comida1);
+    lista.appendChild(comida2);
+    lista.appendChild(comida3);
+
+    comidasLitoral.appendChild(titulo);
+    comidasLitoral.appendChild(parrafoLitoral);
+    comidasLitoral.appendChild(lista);
+
+    document.body.appendChild(comidasLitoral);
+}