Agrega ejercicio 3 de la clase 9
This commit is contained in:
19
clase-9.js
19
clase-9.js
@@ -20,4 +20,23 @@ const contadorCaracteres = document.querySelector("#cantidadCaracteres");
|
||||
|
||||
campo.addEventListener("input", function() {
|
||||
contadorCaracteres.textContent = `Cantidad de caracteres: ${campo.value.length}`;
|
||||
});
|
||||
|
||||
|
||||
|
||||
//Ejercicio 3 de la clase 9"
|
||||
|
||||
const lista = document.querySelector("#lista");
|
||||
lista.addEventListener("click", function(event) {
|
||||
if (event.target.tagName === "LI") {
|
||||
|
||||
const items = document.querySelectorAll("#lista li");
|
||||
|
||||
for (const item of items) {
|
||||
item.classList.remove("seleccionado");
|
||||
};
|
||||
|
||||
event.target.classList.add("seleccionado");
|
||||
console.log(event.target.textContent);
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user