diff --git a/clase-9.js b/clase-9.js index 3fe8d66..0bd45e2 100644 --- a/clase-9.js +++ b/clase-9.js @@ -13,3 +13,45 @@ function contarClicks (){ }; botonClicks.addEventListener('click', contarClicks); //ejecutamos la funcion + + +// 2 Agregar un campo de texto a la página. A medida que el usuario escribe, mostrar en +// tiempo real la cantidad de caracteres ingresados debajo del campo. + +let label = document.querySelector("#label-ej2"); +let cantidadLetras = 0 + +const campo = document.querySelector("#input-ej2"); +campo.addEventListener("input", (e) => { + cantidadLetras = e.target.value.length; + label.textContent = cantidadLetras; + }); + + +// 3 Crear una lista con cinco ítems. Usando delegación de eventos, +// hacer que al hacer clic en cualquier ítem se le agregue la clase "seleccionado" +// y se la quite a los demás (es decir, solo un ítem puede estar seleccionado a la vez). + + + +// 4 Agregar a la página los siguientes elementos: +//
Contador de caracteres
+ + + +