28 lines
926 B
JavaScript
28 lines
926 B
JavaScript
// 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");
|
|
}
|
|
}); |