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