ejercicio1

2026-05-24 18:35:07 -03:00
parent ddefc238dc
commit 77ce319009
2 changed files with 17 additions and 2 deletions
--- a/clase-9.js
+++ b/clase-9.js
@@ -1 +1,15 @@
-// Agregar acá el código javascript para los ejercicios
+// Agregar a la página un botón y un párrafo que diga Botón clickeado 0 veces. 
+// Cada vez que se haga clic en el botón, el texto del párrafo debe cambiar al mensaje
+//  "Botón clickeado N veces", donde N es el número de veces que se hizo clic.
+
+let botonClicks = document.querySelector('#boton-clicks'); // almacenamos en las variables el elemento boton y el span con id numero
+let spanNumero = (document.querySelector('#numero-clicks'));
+
+let numeroClicks = parseInt(spanNumero.textContent) // extraemos solamente el textcontent y lo almacenamos en otra variable
+
+function contarClicks (){
+    numeroClicks = numeroClicks+1;
+    spanNumero.textContent = numeroClicks; //actualizamos el numero dentro del <span> con el nuevo textcontent
+};
+
+botonClicks.addEventListener('click', contarClicks); //ejecutamos la funcion 
--- a/index.html
+++ b/index.html
@@ -9,7 +9,8 @@
    <body>
        <h1>Clase 9 - Eventos</h1>
        <div id="ejercicio-1">
-            <!-- Agregar acá el código HTML que haga falta para el ejercicio 1 -->
+            <p>el boton fue clickeado <span id="numero-clicks">0</span> veces</p>
+            <button id="boton-clicks">click!</button>
        </div>
        <hr>
        <div id="ejercicio-2">