diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js index af39c43..9988625 100644 --- a/ejercicios-clase-8.js +++ b/ejercicios-clase-8.js @@ -1 +1,107 @@ // Vincular este archivo al archivo index.html, y resolver aquĆ­ los ejercicios. + +function cambiarH1(){ +const titulo = document.querySelector("h1"); +console.log(titulo.textContent); +titulo.textContent = "Comidas mas consumidas por argentinos"; +} + +cambiarH1(); // Ejercicio 1 + + +function claseLi(){ +const agregarClase = document.querySelectorAll("li"); +for(const lista of agregarClase){ + lista.classList.add("item-lista"); +} + +} + +claseLi(); //Ejercicio 2 + + +function agregarItem(texto){ +const lista1 = document.querySelector("#lista-inicial"); +const agregarItemNuevo = document.createElement("li"); +agregarItemNuevo.textContent = texto; +lista1.append(agregarItemNuevo); +} + +agregarItem("ejemplo1"); +agregarItem("ejemplo2"); +agregarItem("ejemplo3"); //Ejercicio 3 + + + +const p1 = document.querySelectorAll("#parrafos p"); +for(const parrafo of p1){ +if(parrafo.textContent.includes("importante")){ + parrafo.classList.add("destacado"); +} +} //Ejercicio 4 + +function agregarDiv(){ +const nuevoDiv = document.createElement("div"); +const tituloH2 = document.createElement("h2"); +const nuevoP = document.createElement("p"); +const listaParaComida = document.createElement("ul"); +const nuevaComida = document.createElement("li"); + +nuevaComida.textContent = "Pescado de rio, Mandioca y Maiz"; +listaParaComida.append(nuevaComida); + +tituloH2.textContent = "Comida del litoral"; +nuevoDiv.append(tituloH2); + +nuevoP.textContent = "Esta es una introduccion a la comida TIPICA del litoral"; +nuevoDiv.append(nuevoP); + + +nuevoDiv.append(listaParaComida); + +const conectarAlHTML = document.querySelector("body"); +conectarAlHTML.appendChild(nuevoDiv); + + +} //Ejercicio 5 + + +function limpiarLista(id){ +const listaBuscar = document.querySelector("#lista-inicial"); +const contenidoaBorrar = listaBuscar.querySelectorAll("li"); +for(const borrar of contenidoaBorrar){ + borrar.remove(); +} +} //Ejercicio 6 + + +const cambiarALocro = document.querySelector("#foto"); +console.log(cambiarALocro.getAttribute("src")); +cambiarALocro.setAttribute("src", "foto2.jpg"); +cambiarALocro.setAttribute("alt", "locro"); //Ejercicio 7 + + +function construirLista(listaDeComidas){ +const divParaComida = document.createElement("div"); +divParaComida.classList.add("grupo-comidas"); + +const tituloParaComida = document.createElement("h2"); +const listaParaComida = document.createElement("ul"); + +divParaComida.append(tituloParaComida); +divParaComida.append(listaParaComida); + + +for(const comidas of listaDeComidas){ + const liParaComida = document.createElement("li"); + liParaComida.textContent = comidas; + + listaParaComida.append(liParaComida); +} + + + +tituloParaComida.textContent = "Comidas Mendocinas" +return divParaComida; + +}//Ejercicio 8 \ No newline at end of file