forked from marquez.juan/clase-9-eventos
ejercicio1
This commit is contained in:
16
clase-9.js
16
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
|
||||
|
||||
Reference in New Issue
Block a user