clase-8-DOM/ejercicios-clase-8.js

// Vincular este archivo al archivo index.html, y resolver aquí los ejercicios.
// ejercicio 1
function cambiarTitulo() {
    const titulo = document.querySelector("h1");
    titulo.textContent = "Comida Argentina";
}
//ejercicio 2 
function itemlista() {
const item = document.querySelectorAll("ul li");
for (const p of item) {
   p.classList.add("item-lista");
 console.log("Clase agregada a:", p);
}
}
//ejercicio 3
function agregarItem(texto){
    const lista = document.querySelector("ul");

const nuevoItem = document.createElement("li");
nuevoItem.textContent = texto ;
nuevoItem.id= "lista-inicial";
lista.appendChild(nuevoItem);
console.log("Clase agregada a:", nuevoItem)
}
//ejercicio 4
const parrafos = document.querySelectorAll("#parrafos p");

for (const p of parrafos) {

    if (p.textContent.includes("importante")) {
        p.classList.add("destacado");
    }
}
//ejercicio 5 
function agregarDiv() {
    const nuevoDiv = document.createElement("div");
    nuevoDiv.classList.add("grupo-comidas")

    const nuevoh2 = document.createElement("h2");
    nuevoh2.textContent = "Comidas tipicas de la region del litoral";

    const pintroductorio = document.createElement("p");
    pintroductorio.textContent = "Estas son algunas comidas tradicionales de la región del litoral argentino.";
    pintroductorio.classList.add("teto-inicial")

    const nuevoul = document.createElement("ul");
    nuevoul.classList.add("lista-comida")

    const comida1 = document.createElement("li");
    comida1.textContent = "Chipa";

    const comida2 = document.createElement("li");
    comida2.textContent = "Surubi";

    const comida3 = document.createElement("li");
    comida3.textContent = "Mbaipy";

    nuevoul.appendChild(comida1);
    nuevoul.appendChild(comida2);
    nuevoul.appendChild(comida3);

    nuevoDiv.appendChild(nuevoh2);
    nuevoDiv.appendChild(pintroductorio);
    nuevoDiv.appendChild(nuevoul);

    document.body.appendChild(nuevoDiv);
}   
//ejercicio 6
function limpiarLista(idLista){
    const borrador = document.querySelectorAll(`#${idLista} li`)
    for (const li of borrador){
        li.remove();
    }
}
//ejercicio 7
const imagen = document.querySelector("img");

console.log(imagen.getAttribute("src"));     
imagen.setAttribute("src", "foto2.jpg");
imagen.setAttribute("alt", "locro");
//ejercicio 8 

const arrayComidas = ["Comidas mendocinas", "Sopaipilla", "Vino tinto"];

function construirLista(array){

    const creaDiv = document.createElement("div");
    creaDiv.classList.add("grupo-comidas");

    const h2 = document.createElement("h2");
    h2.textContent = array[0];

    creaDiv.appendChild(h2);
    
    const ul = document.createElement("ul");
    
    for (let i = 1; i< array.length; i++){
    
        const li = document.createElement("li");
        li.textContent = array[i];
        ul.appendChild(li);

    }
    creaDiv.appendChild(ul);
    return creaDiv;
}