Ejercicio 8

ejercicios-clase-8.js

@@ -173,3 +173,34 @@ lista `<ul>`, con un `<li>` por cada elemento del array. Agregar esta lista a la
    // </div>
    ```
 */
+
+let comidasMendocinas = ["Sopaipilla", "Vino tinto", "Chivo"];
+
+function construirLista (comidas) {
+
+    let div = document.createElement("div");
+    div.classList.add("grupos-comidas");
+
+    let titulo8 = document.createElement("h2");
+    titulo8.textContent = "Comidas Mendocinas";
+
+    let lista8 = document.createElement("ul");
+    lista8.classList.add("lista-comidas");
+
+
+    for (let comida of comidas) {
+
+        let item = document.createElement("li")
+        
+        item.textContent = comida;
+        lista8.appendChild(item);
+        
+    }
+
+    div.appendChild(titulo8);
+
+    div.appendChild(lista8);
+
+    document.body.appendChild(div);
+
+}

estilo.css

@@ -182,3 +182,14 @@ h1 {
 .item-lista {
     color: red;
 }
+
+h2 {
+    font-size: 2rem;
+    color: #357abd;
+    margin-bottom: 20px;
+    text-align: left;
+    letter-spacing: 1px;
+    text-shadow: 2px 2px 6px rgba(0,0,0,0.15);
+    border-bottom: 3px solid #4a90e2;
+    padding-bottom: 10px;
+}