From d758c4cd8d2581da8579b3be7ca515a2d86a14c0 Mon Sep 17 00:00:00 2001
From: Nery Benincasa <42608796@terciariourquiza.edu.ar>
Date: Thu, 21 May 2026 22:39:02 -0300
Subject: [PATCH] Ejercicio 2

---
 clase-9.js | 16 ++++++++++++++++
 index.html |  4 ++--
 2 files changed, 18 insertions(+), 2 deletions(-)

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 @@
         <hr>
         <div id="ejercicio-2">
             <!-- Agregar acá el código HTML que haga falta para el ejercicio 2 -->
-            
-            
+            <input type="text" id="campo-texto" placeholder="Escribe algo aquí...">
+            <p id="contador-caracteres">Caracteres ingresados: 0</p> 
         </div>
         <hr>
         <div id="ejercicio-3">