diff --git a/clase-9.js b/clase-9.js index 603ed90..0d2dde8 100644 --- a/clase-9.js +++ b/clase-9.js @@ -1,5 +1,6 @@ // Agregar acá el código javascript para los ejercicios +//EJERCICIO 1 // 1. Inicialización del estado let contador = 0; @@ -13,4 +14,19 @@ boton.addEventListener('click', function () { contador++; // Actualizo el contenido de texto del párrafo parrafo.textContent = `Botón clickeado ${contador} veces.`; +}); + +//EJERCICIO 2 +// 1. Selección de los elementos del DOM +const campo = document.querySelector("#campo-texto"); +const contadorcaracteres = document.querySelector("#contador-caracteres"); + +// 2. Registro del Event Listener utilizando una función clásica +campo.addEventListener("input", function (e) { + // Obtengo el texto actual del campo + const textoActual = e.target.value; + // Calculo la longitud del texto + const cantidadCaracteres = textoActual.length; + // Actualizo el contenido del párrafo + contadorcaracteres.textContent = `Caracteres ingresados: ${cantidadCaracteres}`; }); \ No newline at end of file diff --git a/index.html b/index.html index 4bf9034..8ec919f 100644 --- a/index.html +++ b/index.html @@ -16,8 +16,8 @@
- - + +

Caracteres ingresados: 0