From cd795783f40edc0f323a6660916f85acc83815db Mon Sep 17 00:00:00 2001
From: Nery Benincasa <42608796@terciariourquiza.edu.ar>
Date: Thu, 14 May 2026 14:48:37 -0300
Subject: [PATCH 01/10] Vinculo Js a index

---
 index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.html b/index.html
index 0c393ac..20fab07 100644
--- a/index.html
+++ b/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="script.js"></script>
     </body>
 </html>
-- 
2.49.1


From 66869c53480ebed0e29140c6fef97088c8dcabed Mon Sep 17 00:00:00 2001
From: Nery Benincasa <42608796@terciariourquiza.edu.ar>
Date: Thu, 14 May 2026 15:01:56 -0300
Subject: [PATCH 02/10] Arreglo de vinculacion a index + paso 1

---
 ejercicios-clase-8.js | 16 ++++++++++++++++
 index.html            |  2 +-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js
index af39c43..99ee906 100644
--- a/ejercicios-clase-8.js
+++ b/ejercicios-clase-8.js
@@ -1 +1,17 @@
 // Vincular este archivo al archivo index.html, y resolver aquí los ejercicios.
+
+function cambiarPrimerTitulo() {
+    // 1. Selecciono el primer h1 de la página usando querySelector
+    const titulo = document.querySelector("h1");
+
+    // 2. Verifico que el elemento exista para evitar errores
+    if (titulo) {
+        // 3. Cambio su contenido de texto
+        titulo.textContent = "¡Texto cambiado con JavaScript!";
+        console.log("El título ha sido modificado exitosamente.");
+    } else {
+        console.log("No se encontró ningún elemento <h1> en la página.");
+    }
+}
+
+//Verificar llamando a la funcion en consola
diff --git a/index.html b/index.html
index 20fab07..64e23af 100644
--- a/index.html
+++ b/index.html
@@ -31,6 +31,6 @@
             <p>¿Y este párrafo? ¿Será importante?</p>
             <p>Este es otro párrafo del montón.</p>
         </div>
-        <script src="script.js"></script>
+        <script src="ejercicios-clase-8.js"></script>
     </body>
 </html>
-- 
2.49.1


From 9a5ac90ee2c1a5baa0c4aa3c47e1eaea6392ad5e Mon Sep 17 00:00:00 2001
From: Nery Benincasa <42608796@terciariourquiza.edu.ar>
Date: Thu, 14 May 2026 15:02:50 -0300
Subject: [PATCH 03/10] Correcion de texto

---
 ejercicios-clase-8.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js
index 99ee906..4c405a1 100644
--- a/ejercicios-clase-8.js
+++ b/ejercicios-clase-8.js
@@ -15,3 +15,4 @@ function cambiarPrimerTitulo() {
 }
 
 //Verificar llamando a la funcion en consola
+//cambiarPrimerTitulo()
-- 
2.49.1


From 5ae50b32bbd6d56f65fe1c085d70f35ce4209c0e Mon Sep 17 00:00:00 2001
From: Nery Benincasa <42608796@terciariourquiza.edu.ar>
Date: Thu, 14 May 2026 22:01:13 -0300
Subject: [PATCH 04/10] Ejercicio 2

---
 ejercicios-clase-8.js | 13 +++++++++++++
 estilo.css            | 13 +++++++++----
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js
index 4c405a1..1688335 100644
--- a/ejercicios-clase-8.js
+++ b/ejercicios-clase-8.js
@@ -16,3 +16,16 @@ function cambiarPrimerTitulo() {
 
 //Verificar llamando a la funcion en consola
 //cambiarPrimerTitulo()
+
+function aplicarEstiloALista() {
+    // 1. Selecciono todos los elementos <li> de la página
+    const items = document.querySelectorAll("li");
+
+    // 2. Recorro la lista de elementos usando for...of
+    for (const item of items) {
+        // 3. Agrego la clase "item-lista" a cada elemento
+        item.classList.add("item-lista");
+    }
+    console.log("Clase agregada a todos los elementos de la lista.");
+}
+
diff --git a/estilo.css b/estilo.css
index fcb26fc..b114495 100644
--- a/estilo.css
+++ b/estilo.css
@@ -41,7 +41,7 @@ h1 {
     background: white;
     padding: 30px;
     border-radius: 18px;
-    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
+    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease;
 }
 
@@ -93,6 +93,11 @@ h1 {
     border-color: #4a90e2;
 }
 
+.item-lista {
+    color: green;
+    font-weight: bold;
+}
+
 /* Clase para agregar/quitar desde JS */
 .lista-comidas.resaltada li {
     background: #fff4d6;
@@ -111,7 +116,7 @@ h1 {
     display: block;
     margin: 30px auto 0 auto;
     border-radius: 16px;
-    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
+    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
     transition: all 0.35s ease;
 }
 
@@ -119,7 +124,7 @@ h1 {
 #foto.zoom {
     transform: scale(1.08) rotate(-1deg);
     filter: saturate(1.4);
-    box-shadow: 0 18px 40px rgba(0,0,0,0.25);
+    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
 }
 
 /* =========================
@@ -175,4 +180,4 @@ h1 {
     #parrafos {
         padding: 20px;
     }
-}
+}
\ No newline at end of file
-- 
2.49.1


From c3e007517dad6ece8f689f0b2aae368c89babd4f Mon Sep 17 00:00:00 2001
From: Nery Benincasa <42608796@terciariourquiza.edu.ar>
Date: Fri, 15 May 2026 10:46:14 -0300
Subject: [PATCH 05/10] Ejercicio 3

---
 ejercicios-clase-8.js | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js
index 1688335..b495ff7 100644
--- a/ejercicios-clase-8.js
+++ b/ejercicios-clase-8.js
@@ -29,3 +29,27 @@ function aplicarEstiloALista() {
     console.log("Clase agregada a todos los elementos de la lista.");
 }
 
+//Verificar llamando a la funcion en consola
+//aplicarEstiloALista()
+
+
+function agregarItem(texto) {
+    // 1. Selecciono la lista usando su id (#lista-inicial)
+    const lista = document.querySelector("#lista-inicial");
+
+    // 2. Creo el nuevo elemento <li> en memoria
+    const nuevoLi = document.createElement("li");
+
+    // 3. Le asigno el texto recibido por parámetro
+    nuevoLi.textContent = texto;
+
+    // 4. Verifico si la lista existe y lo agrego al final
+    if (lista) {
+        lista.appendChild(nuevoLi);
+    } else {
+        console.log("Error: No se encontró la lista con id='lista-inicial'");
+    }
+}
+
+//Verificar llamando a la funcion en consola
+//agregarItem("Chinchulines")
-- 
2.49.1


From e81cb41d3527086bffd58a83f22c912a5a1787e2 Mon Sep 17 00:00:00 2001
From: Nery Benincasa <42608796@terciariourquiza.edu.ar>
Date: Fri, 15 May 2026 10:51:24 -0300
Subject: [PATCH 06/10] Ejercicio 4

---
 ejercicios-clase-8.js | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js
index b495ff7..8f91f64 100644
--- a/ejercicios-clase-8.js
+++ b/ejercicios-clase-8.js
@@ -1,5 +1,7 @@
 // Vincular este archivo al archivo index.html, y resolver aquí los ejercicios.
 
+//EJERCICIO 1
+
 function cambiarPrimerTitulo() {
     // 1. Selecciono el primer h1 de la página usando querySelector
     const titulo = document.querySelector("h1");
@@ -17,6 +19,8 @@ function cambiarPrimerTitulo() {
 //Verificar llamando a la funcion en consola
 //cambiarPrimerTitulo()
 
+//EJERCICIO 2
+
 function aplicarEstiloALista() {
     // 1. Selecciono todos los elementos <li> de la página
     const items = document.querySelectorAll("li");
@@ -33,6 +37,8 @@ function aplicarEstiloALista() {
 //aplicarEstiloALista()
 
 
+//EJERCICIO 3
+
 function agregarItem(texto) {
     // 1. Selecciono la lista usando su id (#lista-inicial)
     const lista = document.querySelector("#lista-inicial");
@@ -53,3 +59,18 @@ function agregarItem(texto) {
 
 //Verificar llamando a la funcion en consola
 //agregarItem("Chinchulines")
+
+//EJERCICIO 4
+
+// 1. Selecciono todos los párrafos que son descendientes del div con id "parrafos"
+const parrafos = document.querySelectorAll("#parrafos p");
+
+// 2. Recorro la lista de elementos
+for (const p of parrafos) {
+    // 3. Verifico si el texto del párrafo incluye la palabra "importante"
+    // Usamos el método .includes() de los strings de JavaScript
+    if (p.textContent.includes("importante")) {
+        // 4. Si la contiene, agregamos la clase "destacado" sin pisar las existentes
+        p.classList.add("destacado");
+    }
+}
-- 
2.49.1


From f5b49ebb4eb02749711557ed1330842e8ef1f296 Mon Sep 17 00:00:00 2001
From: Nery Benincasa <42608796@terciariourquiza.edu.ar>
Date: Fri, 15 May 2026 10:55:44 -0300
Subject: [PATCH 07/10] Ejercicio 5

---
 ejercicios-clase-8.js | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js
index 8f91f64..b6dcad2 100644
--- a/ejercicios-clase-8.js
+++ b/ejercicios-clase-8.js
@@ -74,3 +74,38 @@ for (const p of parrafos) {
         p.classList.add("destacado");
     }
 }
+
+//EJERCICIO 5
+
+function agregarSeccionLitoral() {
+    // 1. Creo el contenedor principal
+    const contenedorComidas = document.createElement("div");
+
+    // 2. Creo y configuro el título h2
+    const titulo = document.createElement("h2");
+    titulo.textContent = "Comidas Típicas del Litoral";
+
+    // 3. Creo y configuro el párrafo introductorio
+    const parrafo = document.createElement("p");
+    parrafo.textContent = "La gastronomía del litoral argentino se destaca por sus platos a base de pescados de río y la influencia de la cultura guaraní.";
+
+    // 4. Creo la lista y sus elementos
+    const lista = document.createElement("ul");
+    const platos = ["Surubí a la parrilla", "Pacú frito", "Chipa", "Sopa paraguaya"];
+
+    for (const plato of platos) {
+        const item = document.createElement("li");
+        item.textContent = plato;
+        lista.appendChild(item);
+    }
+
+    // 5. Armo la estructura: meto el h2, el p y la ul dentro del div
+    contenedorComidas.appendChild(titulo);
+    contenedorComidas.appendChild(parrafo);
+    contenedorComidas.appendChild(lista);
+
+    // 6. Finalmente, inserto el div completo al final del body de la página
+    document.body.appendChild(contenedorComidas);
+
+    console.log("Sección del litoral agregada exitosamente.");
+}
-- 
2.49.1


From 75673693d3b3f51afb9df453b3b202cc6a179169 Mon Sep 17 00:00:00 2001
From: Nery Benincasa <42608796@terciariourquiza.edu.ar>
Date: Fri, 15 May 2026 10:58:28 -0300
Subject: [PATCH 08/10] Ejercicio 6

---
 ejercicios-clase-8.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js
index b6dcad2..9dd738e 100644
--- a/ejercicios-clase-8.js
+++ b/ejercicios-clase-8.js
@@ -109,3 +109,25 @@ function agregarSeccionLitoral() {
 
     console.log("Sección del litoral agregada exitosamente.");
 }
+
+//Verificar llamando a la funcion en consola
+//agregarSeccionLitoral()
+
+
+//EJERCICIO 6
+
+function limpiarLista(idDeLista) {
+    // 1. Selecciono todos los <li> que son hijos de la lista con el id pasado por parámetro
+    // Usamos el símbolo # para indicar que buscamos un ID
+    const items = document.querySelectorAll("#" + idDeLista + " li");
+
+    // 2. Recorro la lista de elementos (NodeList) usando for...of
+    for (const item of items) {
+        // 3. Elimino cada elemento del DOM
+        item.remove();
+    }
+    console.log("Todos los items de la lista '" + idDeLista + "' han sido eliminados.");
+}
+
+//Verificar llamando a la funcion en consola
+//limpiarLista("lista-inicial")
\ No newline at end of file
-- 
2.49.1


From 2942fcc19b8afa2d1bf26726cfc28cabaa43e9f9 Mon Sep 17 00:00:00 2001
From: Nery Benincasa <42608796@terciariourquiza.edu.ar>
Date: Fri, 15 May 2026 11:00:55 -0300
Subject: [PATCH 09/10] Ejercicio 7

---
 ejercicios-clase-8.js | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js
index 9dd738e..af38f66 100644
--- a/ejercicios-clase-8.js
+++ b/ejercicios-clase-8.js
@@ -130,4 +130,21 @@ function limpiarLista(idDeLista) {
 }
 
 //Verificar llamando a la funcion en consola
-//limpiarLista("lista-inicial")
\ No newline at end of file
+//limpiarLista("lista-inicial")
+
+
+//EJERCICIO 7
+
+// 1. Selecciono el elemento por su id usando el símbolo #
+const imagen = document.querySelector("#foto");
+
+// 2. Verifico que el elemento exista para evitar errores
+if (imagen) {
+    // 3. Modifico el atributo 'src'
+    imagen.setAttribute("src", "foto2.jpg");
+
+    // 4. Modifico el atributo 'alt'
+    imagen.setAttribute("alt", "Locro");
+
+    console.log("Atributos de la imagen actualizados.");
+}
-- 
2.49.1


From 0115eae98c7db8c97d405b39edee4aed445c4195 Mon Sep 17 00:00:00 2001
From: Nery Benincasa <42608796@terciariourquiza.edu.ar>
Date: Mon, 18 May 2026 19:31:10 -0300
Subject: [PATCH 10/10] Ejercicio 8

---
 ejercicios-clase-8.js | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js
index af38f66..aef9cc8 100644
--- a/ejercicios-clase-8.js
+++ b/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"]);
\ No newline at end of file
-- 
2.49.1