From db6c052d856f0c0d380971bd26c652e9b85878de Mon Sep 17 00:00:00 2001 From: Romeo Date: Thu, 21 May 2026 19:41:51 -0300 Subject: [PATCH] ejercicio6 --- ejercicios-clase-8.js | 19 +++++++++++++++++-- 1 file changed, 17 insertions(+), 2 deletions(-) diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js index 8ff78b1..92dba88 100644 --- a/ejercicios-clase-8.js +++ b/ejercicios-clase-8.js @@ -6,7 +6,7 @@ titulo.textContent = "Comida Rioplatense"; function agregarClaseAItems(etiqueta){ //la funcion debe recibir como parametro la etiqueta html a la cual se le quiere agregar la clase array_li = document.querySelectorAll(etiqueta); //lista con los items que tengan dicha etiqueta for(let item of array_li){ - item.classList.add("item-lista"); //agregamos a cada item la clase "item-lista" + item.classList.add(`item-lista`); //agregamos a cada item la clase "item-lista" }}; agregarClaseAItems("li"); //ejecutamos la funcion con la etiqueta HTML como parametro @@ -54,4 +54,19 @@ divLitoral.appendChild(parrafoIntroductorio); divLitoral.appendChild(lista_litoral); lista_litoral.appendChild(itemUno); lista_litoral.appendChild(itemDos); -lista_litoral.appendChild(itemTres); \ No newline at end of file +lista_litoral.appendChild(itemTres); + +//6. Crear una función `limpiarLista` que reciba por parámetro el id de una lista, +// y que elimine todos los `
  • ` de esa lista. Llamarla sobre la lista del +// ejercicio 2. Pista: `querySelectorAll` + `for...of` + `remove`. Probarla +// utilizando las devtools, tanto con la lista original de la página como con la +// lista agregada en el ejercicio anterior. + +function limpiarLista (idlista){ + itemsLista = document.querySelectorAll(`#${idlista} > li` ); // hacemos un array con todos los "li" dentro de la lista con el id del parametro + for(li of itemsLista){ // iteramos dentro de la lista y aplicamos el li.remove() a cada "li" + li.remove(); + } +} + +limpiarLista("lista-inicial") \ No newline at end of file