53 lines
1.5 KiB
JavaScript
53 lines
1.5 KiB
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");
|
|
|
|
}
|
|
});
|
|
|
|
4//
|
|
document.querySelector("#externo").addEventListener("click", () => {
|
|
console.log("externo");
|
|
});
|
|
document.querySelector("#interno").addEventListener("click", () => {
|
|
console.log("interno");
|
|
});
|
|
document.querySelector("#boton").addEventListener("click", () => {
|
|
console.log("boton");
|
|
});
|
|
|
|
document.querySelector("#externo2").addEventListener("click", () => {
|
|
console.log("externo / capturing");
|
|
}, true);
|
|
document.querySelector("#interno2").addEventListener("click", () => {
|
|
console.log("interno");
|
|
});
|
|
document.querySelector("#boton2").addEventListener("click", () => {
|
|
console.log("boton");
|
|
}); |