ejercicios-clase-8.js

@@ -1 +1,131 @@
 // Vincular este archivo al archivo index.html, y resolver aquí los ejercicios.
+
+//Ejercicio 1 de la clase 8.
+
+function cambiarPrimerTitulo() {
+    const titulo = document.querySelector("h1");
+    titulo.textContent = "El título ha sido modificado con éxito"
+}
+
+
+//Ejercicio 2 de la clase 8.
+
+function agregarItemLista() {
+    const items = document.querySelectorAll(".lista-comidas");
+    
+    for (const item of items) {
+        item.classList.add("item-lista");
+    }
+}
+
+
+
+//Ejercicio 3 de la clase 8.
+
+function agregarItem(comidas) {
+    const lista = document.querySelector("#lista-inicial");
+
+    const nuevoItem = document.createElement("li");
+    nuevoItem.textContent = comidas;
+    lista.appendChild(nuevoItem);
+}
+
+
+
+//Ejercicio 4 de la clase 8.
+
+function destacarParrafos() {
+    const selecparrafos = document.querySelectorAll("#parrafos p");
+
+    for (const parrafo of selecparrafos) {
+        if (parrafo.textContent.includes("importante")) {
+            parrafo.classList.add("destacado");
+        }
+    }
+}
+
+
+
+//Ejercicio 5 de la clase 8.
+
+function crearNuevoDiv() {
+    const div = document.createElement("div");
+    div.classList.add("grupo-comidas");
+
+    const titulo = document.createElement("h2");
+    titulo.textContent = "Comidas típicas del litoral";
+
+    const parrafo = document.createElement("p");
+    parrafo.textContent = "Algunas comidas tradicionales de la región litoral.";
+
+    const lista = document.createElement("ul");
+    lista.classList.add("lista-comidas")
+    lista.id = "lista-litoral";
+
+    const comidas = ["Chipá", "Surubí", "Salmón", "Rabas"];
+
+    for (const comida of comidas) {
+        const elementosLista = document.createElement("li");
+        elementosLista.textContent = comida;
+        lista.appendChild(elementosLista);
+    }
+
+    div.appendChild(titulo);
+    div.appendChild(parrafo);
+    div.appendChild(lista);
+
+    document.body.appendChild(div);
+}
+
+
+
+//Ejercicio 6 de la clase 8.
+
+function limpiarLista(idLista) {
+    const borrarItem = document.querySelectorAll(`#${idLista} li`);
+
+    for (const borrarItems of borrarItem) {
+        borrarItems.remove();
+    }
+}
+
+
+
+//Ejercicio 7 de la clase 8.
+
+function atribImagen() {
+    const imagen = document.querySelector("#foto");
+
+    imagen.setAttribute("src", "foto2.jpg");
+    imagen.setAttribute("alt", "Locro");
+    console.log(imagen.getAttribute("src"));
+}
+
+
+
+//Ejercicio 8 de la clase 8.
+
+function construirLista(arrayComidas) {
+    const div2 = document.createElement("div");
+    div2.classList.add("grupo-comidas");
+
+    const titulo2 = document.createElement("h2");
+    titulo2.textContent = "Comidas mendocinas";
+
+    const lista2 = document.createElement("ul");
+    lista2.classList.add("lista-comidas");
+
+    for (const comida of arrayComidas) {
+        const elementLista = document.createElement("li");
+        elementLista.textContent = comida;
+        lista2.appendChild(elementLista);
+    }
+
+    div2.appendChild(titulo2);
+    div2.appendChild(lista2);
+
+    document.body.appendChild(div2);
+
+
+}
+

index.html

@@ -31,5 +31,7 @@
             <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>