forked from marquez.juan/clase-9-eventos
Resolucion del 2do ejercicio
This commit is contained in:
12
clase-9.js
12
clase-9.js
@@ -1,8 +1,16 @@
|
|||||||
// Agregar acá el código javascript para los ejercicios
|
// Agregar acá el código javascript para los ejercicios
|
||||||
//ejercicio 1
|
//ejercicio 1
|
||||||
const boton = document.querySelector("#boton");
|
const boton = document.querySelector("#boton");
|
||||||
let contadorClicks = 0
|
let contadorClicks = 0;
|
||||||
boton.addEventListener("click", () => {
|
boton.addEventListener("click", () => {
|
||||||
contadorClicks = contadorClicks + 1;
|
contadorClicks = contadorClicks + 1;
|
||||||
boton.textContent = `Botón clickeado ${contadorClicks} veces`
|
boton.textContent = `Botón clickeado ${contadorClicks} veces`;
|
||||||
|
})
|
||||||
|
|
||||||
|
//ejercicio 2
|
||||||
|
const campo = document.querySelector("#input2");
|
||||||
|
const resultado = document.querySelector("#resultado");
|
||||||
|
campo.addEventListener("input", () => {
|
||||||
|
const cantidad = campo.value.length;
|
||||||
|
resultado.textContent = `Caracteres: ${cantidad}`;
|
||||||
})
|
})
|
||||||
@@ -13,7 +13,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
<div id="ejercicio-2">
|
<div id="ejercicio-2">
|
||||||
<!-- Agregar acá el código HTML que haga falta para el ejercicio 2 -->
|
<input type="text" id="input2">
|
||||||
|
<p id="resultado">Caracteres: 0</p>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
<div id="ejercicio-3">
|
<div id="ejercicio-3">
|
||||||
|
|||||||
Reference in New Issue
Block a user