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