diff --git a/ejercicios-clase-8.js b/ejercicios-clase-8.js index af39c43..6f88b5e 100644 --- a/ejercicios-clase-8.js +++ b/ejercicios-clase-8.js @@ -1 +1,131 @@ // Vincular este archivo al archivo index.html, y resolver aquí los ejercicios. + +//Ejercicio 1 de la clase 8. + +function cambiarPrimerTitulo() { + const titulo = document.querySelector("h1"); + titulo.textContent = "El título ha sido modificado con éxito" +} + + +//Ejercicio 2 de la clase 8. + +function agregarItemLista() { + const items = document.querySelectorAll(".lista-comidas"); + + for (const item of items) { + item.classList.add("item-lista"); + } +} + + + +//Ejercicio 3 de la clase 8. + +function agregarItem(comidas) { + const lista = document.querySelector("#lista-inicial"); + + const nuevoItem = document.createElement("li"); + nuevoItem.textContent = comidas; + lista.appendChild(nuevoItem); +} + + + +//Ejercicio 4 de la clase 8. + +function destacarParrafos() { + const selecparrafos = document.querySelectorAll("#parrafos p"); + + for (const parrafo of selecparrafos) { + if (parrafo.textContent.includes("importante")) { + parrafo.classList.add("destacado"); + } + } +} + + + +//Ejercicio 5 de la clase 8. + +function crearNuevoDiv() { + const div = document.createElement("div"); + div.classList.add("grupo-comidas"); + + const titulo = document.createElement("h2"); + titulo.textContent = "Comidas típicas del litoral"; + + const parrafo = document.createElement("p"); + parrafo.textContent = "Algunas comidas tradicionales de la región litoral."; + + const lista = document.createElement("ul"); + lista.classList.add("lista-comidas") + lista.id = "lista-litoral"; + + const comidas = ["Chipá", "Surubí", "Salmón", "Rabas"]; + + for (const comida of comidas) { + const elementosLista = document.createElement("li"); + elementosLista.textContent = comida; + lista.appendChild(elementosLista); + } + + div.appendChild(titulo); + div.appendChild(parrafo); + div.appendChild(lista); + + document.body.appendChild(div); +} + + + +//Ejercicio 6 de la clase 8. + +function limpiarLista(idLista) { + const borrarItem = document.querySelectorAll(`#${idLista} li`); + + for (const borrarItems of borrarItem) { + borrarItems.remove(); + } +} + + + +//Ejercicio 7 de la clase 8. + +function atribImagen() { + const imagen = document.querySelector("#foto"); + + imagen.setAttribute("src", "foto2.jpg"); + imagen.setAttribute("alt", "Locro"); + console.log(imagen.getAttribute("src")); +} + + + +//Ejercicio 8 de la clase 8. + +function construirLista(arrayComidas) { + const div2 = document.createElement("div"); + div2.classList.add("grupo-comidas"); + + const titulo2 = document.createElement("h2"); + titulo2.textContent = "Comidas mendocinas"; + + const lista2 = document.createElement("ul"); + lista2.classList.add("lista-comidas"); + + for (const comida of arrayComidas) { + const elementLista = document.createElement("li"); + elementLista.textContent = comida; + lista2.appendChild(elementLista); + } + + div2.appendChild(titulo2); + div2.appendChild(lista2); + + document.body.appendChild(div2); + + +} + diff --git a/index.html b/index.html index 0c393ac..e02593a 100644 --- a/index.html +++ b/index.html @@ -31,5 +31,7 @@
¿Y este párrafo? ¿Será importante?
Este es otro párrafo del montón.
+ +