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

function cambiarPrimerTitulo() {
    // 1. Selecciono el primer h1 de la página usando querySelector
    const titulo = document.querySelector("h1");

    // 2. Verifico que el elemento exista para evitar errores
    if (titulo) {
        // 3. Cambio su contenido de texto
        titulo.textContent = "¡Texto cambiado con JavaScript!";
        console.log("El título ha sido modificado exitosamente.");
    } else {
        console.log("No se encontró ningún elemento <h1> en la página.");
    }
}

//Verificar llamando a la funcion en consola
//cambiarPrimerTitulo()

function aplicarEstiloALista() {
    // 1. Selecciono todos los elementos <li> de la página
    const items = document.querySelectorAll("li");

    // 2. Recorro la lista de elementos usando for...of
    for (const item of items) {
        // 3. Agrego la clase "item-lista" a cada elemento
        item.classList.add("item-lista");
    }
    console.log("Clase agregada a todos los elementos de la lista.");
}