From 96e74f9cf1e3782f227855572f32714560e2570d Mon Sep 17 00:00:00 2001
From: Bruno Dalessandro <dalessandro.bruno1995@gmail.com>
Date: Thu, 21 May 2026 12:05:10 -0300
Subject: [PATCH] Ejercicio 2

---
 ejercicios-clase-8.js | 18 ++++++++++++++++++
 estilo.css            |  6 ++++++
 2 files changed, 24 insertions(+)

diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js
index 68a1b67..e01d440 100644
--- a/ejercicios-clase-8.js
+++ b/ejercicios-clase-8.js
@@ -16,3 +16,21 @@ function cambiarTitulo () {
 
 }
 
+// Ejercicio 2 
+
+/* 
+Crear otra función que, usando querySelectorAll y for...of, agregue la clase item-lista a cada uno de los items de la lista. 
+Verificar el resultado en el navegador invocando a la función desde las devtools. 
+Debería observarse un cambio de estilo, intenten explicarse por qué sucede esto.
+
+*/
+
+function agregarClaseLista () {
+
+    let items = document.querySelectorAll("li");
+
+    for (let item of items) {
+        item.classList.add("item-lista");
+    }
+}
+
diff --git a/estilo.css b/estilo.css
index fcb26fc..f8bd053 100644
--- a/estilo.css
+++ b/estilo.css
@@ -176,3 +176,9 @@ h1 {
         padding: 20px;
     }
 }
+
+/* Agrego un estilo para que se pueda ver el Ejercicio 2 */
+
+.item-lista {
+    color: red;
+}
\ No newline at end of file