agrega funcion contruirLista

ejercicios-clase-8.js

@@ -1 +1,106 @@
 // Vincular este archivo al archivo index.html, y resolver aquí los ejercicios.
+// ejercicio 1
+function cambiarTitulo() {
+    const titulo = document.querySelector("h1");
+    titulo.textContent = "Comida Argentina";
+}
+//ejercicio 2 
+function itemlista() {
+const item = document.querySelectorAll("ul li");
+for (const p of item) {
+   p.classList.add("item-lista");
+ console.log("Clase agregada a:", p);
+}
+}
+//ejercicio 3
+function agregarItem(texto){
+    const lista = document.querySelector("ul");
+
+const nuevoItem = document.createElement("li");
+nuevoItem.textContent = texto ;
+nuevoItem.id= "lista-inicial";
+lista.appendChild(nuevoItem);
+console.log("Clase agregada a:", nuevoItem)
+}
+//ejercicio 4
+const parrafos = document.querySelectorAll("#parrafos p");
+
+for (const p of parrafos) {
+
+    if (p.textContent.includes("importante")) {
+        p.classList.add("destacado");
+    }
+}
+//ejercicio 5 
+function agregarDiv() {
+    const nuevoDiv = document.createElement("div");
+    nuevoDiv.classList.add("grupo-comidas")
+
+    const nuevoh2 = document.createElement("h2");
+    nuevoh2.textContent = "Comidas tipicas de la region del litoral";
+
+    const pintroductorio = document.createElement("p");
+    pintroductorio.textContent = "Estas son algunas comidas tradicionales de la región del litoral argentino.";
+    pintroductorio.classList.add("teto-inicial")
+
+    const nuevoul = document.createElement("ul");
+    nuevoul.classList.add("lista-comida")
+
+    const comida1 = document.createElement("li");
+    comida1.textContent = "Chipa";
+
+    const comida2 = document.createElement("li");
+    comida2.textContent = "Surubi";
+
+    const comida3 = document.createElement("li");
+    comida3.textContent = "Mbaipy";
+
+    nuevoul.appendChild(comida1);
+    nuevoul.appendChild(comida2);
+    nuevoul.appendChild(comida3);
+
+    nuevoDiv.appendChild(nuevoh2);
+    nuevoDiv.appendChild(pintroductorio);
+    nuevoDiv.appendChild(nuevoul);
+
+    document.body.appendChild(nuevoDiv);
+}   
+//ejercicio 6
+function limpiarLista(idLista){
+    const borrador = document.querySelectorAll(`#${idLista} li`)
+    for (const li of borrador){
+        li.remove();
+    }
+}
+//ejercicio 7
+const imagen = document.querySelector("img");
+
+console.log(imagen.getAttribute("src"));     
+imagen.setAttribute("src", "foto2.jpg");
+imagen.setAttribute("alt", "locro");
+//ejercicio 8 
+
+const arrayComidas = ["Comidas mendocinas", "Sopaipilla", "Vino tinto"];
+
+function construirLista(array){
+
+    const creaDiv = document.createElement("div");
+    creaDiv.classList.add("grupo-comidas");
+
+    const h2 = document.createElement("h2");
+    h2.textContent = array[0];
+
+    creaDiv.appendChild(h2);
+    
+    const ul = document.createElement("ul");
+    
+    for (let i = 1; i< array.length; i++){
+    
+        const li = document.createElement("li");
+        li.textContent = array[i];
+        ul.appendChild(li);
+
+    }
+    creaDiv.appendChild(ul);
+    return creaDiv;
+}

index.html

@@ -31,5 +31,6 @@
             <p>¿Y este párrafo? ¿Será importante?</p>
             <p>Este es otro párrafo del montón.</p>
         </div>
+    <script src="ejercicios-clase-8.js"></script>
     </body>
 </html>