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);
}