ejercicio6

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);
+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 `<li>` 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")