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

// Vincular este archivo al archivo index.html, y resolver aquí los ejercicios.

// ejercicio 1

console.log("El archivo esta vinculado correctamente.")

const parrafo = document.querySelector("h1");
console.log(parrafo.textContent);
parrafo.textContent = "Hola a todos!";

/* ejercicio 2 */

function agregarLista() {
    const  items = document.querySelectorAll(".lista-comidas");
    for (const item of items) {
    item.classList.add("resaltada");
    }
}

/* ejercicio 3 */

const lista = document.querySelector("ul"); 

 function agregarItem(){
    const nuevoItem = document.createElement("li");
    let itemAgregado = prompt("Ingresa un nuevo item");
    nuevoItem.textContent = itemAgregado;
    lista.appendChild(nuevoItem);  
 }

//ejercicio 4

const contenedor = document.getElementById("parrafos");

if(contenedor){
    const oracion = contenedor.querySelectorAll("p");
    const parrafosImportantes = Array.from(oracion).filter(palabra => palabra.textContent.toLowerCase().includes("importante"));
    
    parrafosImportantes.forEach(parrafo => {
        parrafo.classList.add("destacado");
    });
}