Ejercicio 8

ejercicios-clase-8.js

@@ -148,3 +148,42 @@ if (imagen) {
 
     console.log("Atributos de la imagen actualizados.");
 }
+
+
+//EJERCICIO 8
+
+function construirLista(elementos) {
+    // Validar que el array contenga elementos
+    if (!elementos || elementos.length === 0) {
+        return document.createElement('div');
+    }
+
+    // Separo el primer elemento para el título y el resto para los ítems
+    const [tituloTexto, ...items] = elementos;
+
+    // Creo el contenedor principal
+    const divContenedor = document.createElement('div');
+    divContenedor.className = 'grupo-comidas';
+
+    // Creo y asigno el título (h2)
+    const h2Titulo = document.createElement('h2');
+    h2Titulo.textContent = tituloTexto;
+    divContenedor.appendChild(h2Titulo);
+
+    // Creo la lista (ul)
+    const ulLista = document.createElement('ul');
+
+    // Recorro los ítems restantes y creo los li
+    items.forEach(textoItem => {
+        const liItem = document.createElement('li');
+        liItem.textContent = textoItem;
+        ulLista.appendChild(liItem);
+    });
+
+    // Agrego la lista al contenedor
+    divContenedor.appendChild(ulLista);
+
+    return divContenedor;
+}
+
+const nuevaListaComida = construirLista(["Carnes", "Churrasco", "Asado con cuero", "Colita de cuadril"]);