// Agregar acá el código javascript para los ejercicios
//ejercicio 1
const boton = document.querySelector("#boton");
let contadorClicks = 0;
boton.addEventListener("click", () => {
    contadorClicks = contadorClicks + 1;
    boton.textContent = `Botón clickeado ${contadorClicks} veces`;
})

//ejercicio 2
const campo = document.querySelector("#input2");
const resultado = document.querySelector("#resultado");
campo.addEventListener("input", () => {
    const cantidad = campo.value.length;
    resultado.textContent = `Caracteres: ${cantidad}`;
})

//ejercicio 3
const lista = document.querySelector("#lista");
lista.addEventListener("click", (e) => {
    if (e.target.tagName === "LI") {
        const yaSeleccionado = document.querySelector(".seleccionado");
        if (yaSeleccionado) {
            yaSeleccionado.classList.remove("seleccionado");
        }
        e.target.classList.add("seleccionado");
    }
});