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