marquez.juan/clase-9-eventos
1
0
Fork 16
Code Issues Pull Requests 10 Projects Releases Wiki Activity

ejercicio1

Browse Source
This commit is contained in:
romeo
2026-05-24 18:35:07 -03:00
parent ddefc238dc
commit 77ce319009
2 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
clase-9.js
View File

@@ -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

3
index.html
View File

@@ -9,7 +9,8 @@
<body> <body>
<h1>Clase 9 - Eventos</h1> <h1>Clase 9 - Eventos</h1>
<div id="ejercicio-1"> <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> </div>
<hr> <hr>
<div id="ejercicio-2"> <div id="ejercicio-2">