Compare commits

..

2 Commits

Author SHA1 Message Date
Romeo
25542c5999 ejercicio7 2026-05-21 19:57:30 -03:00
Romeo
db6c052d85 ejercicio6 2026-05-21 19:41:51 -03:00

View File

@@ -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,25 @@ 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")
// 7.Escribir el código que cambie el `src` de la imagen a `"foto2.jpg"` y el `alt` a `"Locro"`.
let fotoEmpanadasUno = document.querySelector("#foto");
fotoEmpanadasUno.setAttribute("src", "foto2.jpg");
fotoEmpanadasUno.setAttribute("alt", "Locro");