forked from marquez.juan/clase-9-eventos
16 lines
829 B
JavaScript
16 lines
829 B
JavaScript
// 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
|