diff --git a/clase-9.js b/clase-9.js index 6df1007..3fe8d66 100644 --- 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 con el nuevo textcontent +}; + +botonClicks.addEventListener('click', contarClicks); //ejecutamos la funcion diff --git a/index.html b/index.html index 2a6b85f..560e39d 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,8 @@

Clase 9 - Eventos

- +

el boton fue clickeado 0 veces

+