clase-9.js

@@ -1 +1,16 @@
 // Agregar acá el código javascript para los ejercicios
+
+// 1. Inicialización del estado
+let contador = 0;
+
+// 2. Selecciono los elementos del DOM
+const boton = document.getElementById('boton-contador');
+const parrafo = document.getElementById('texto-contador');
+
+// 3. Registro del Event Listener utilizando una función clásica
+boton.addEventListener('click', function () {
+    // Incremento el valor de la variable en 1
+    contador++;
+    // Actualizo el contenido de texto del párrafo
+    parrafo.textContent = `Botón clickeado ${contador} veces.`;
+});

index.html

@@ -10,10 +10,14 @@
         <h1>Clase 9 - Eventos</h1>
         <div id="ejercicio-1">
             <!-- Agregar acá el código HTML que haga falta para el ejercicio 1 -->
+            <button id="boton-contador">Hacer clic aquí</button>
+            <p id="texto-contador">Botón clickeado 0 veces.</p> 
         </div>
         <hr>
         <div id="ejercicio-2">
             <!-- Agregar acá el código HTML que haga falta para el ejercicio 2 -->
+            
+            
         </div>
         <hr>
         <div id="ejercicio-3">