32 lines
951 B
JavaScript
32 lines
951 B
JavaScript
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");
|
|
|
|
}
|
|
}); |