diff --git a/clase-9.js b/clase-9.js index 83dca61..2420256 100644 --- a/clase-9.js +++ b/clase-9.js @@ -9,4 +9,15 @@ const parrafo = document.querySelector("#textoContador"); boton.addEventListener("click", function(){ clicks++; parrafo.textContent = `Botón clickeado ${clicks} veces`; +}); + + + +//Ejercicio 2 de la clase 9 + +const campo = document.querySelector("#texto"); +const contadorCaracteres = document.querySelector("#cantidadCaracteres"); + +campo.addEventListener("input", function() { + contadorCaracteres.textContent = `Cantidad de caracteres: ${campo.value.length}`; }); \ No newline at end of file diff --git a/index.html b/index.html index 003ccda..22e35d3 100644 --- a/index.html +++ b/index.html @@ -16,6 +16,8 @@
+ +

Cantidad de caracteres: 0