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

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