clase-9-eventos/clase-9.js

1//

const botonContador = document.getElementById("contador-btn");
const parrafoContador = document.getElementById("contador-parrafo");
let contador = 0;

botonContador.addEventListener("click", () => {
    contador += 1;
    parrafoContador.textContent = `Botón clickeado ${contador} veces.`;
});

2//
const cajaTexto = document.getElementById("text-cont");
const conatdorLetras = document.getElementById("contador-text")
let Letras = 0;
cajaTexto.addEventListener("input", () => {
    Letras += 1;
    conatdorLetras.textContent = `Letras escritas = ${Letras} `;
});

3//
const lista = document.getElementById("ListaMarcasExoticas");
lista.addEventListener("click", function(evento) {
    if (evento.target.tagName ==="LI") {
        const itemPrevio = lista.querySelector(".seleccionado");
        if (itemPrevio) {
            itemPrevio.classList.remove("seleccionado");
        }
        evento.target.classList.add("seleccionado");

    }
});