Eventos-clase9 #1
12
clase-9.js
12
clase-9.js
@@ -1,8 +1,16 @@
|
||||
// Agregar acá el código javascript para los ejercicios
|
||||
//ejercicio 1
|
||||
const boton = document.querySelector("#boton");
|
||||
let contadorClicks = 0
|
||||
let contadorClicks = 0;
|
||||
boton.addEventListener("click", () => {
|
||||
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>
|
||||
<hr>
|
||||
<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>
|
||||
<hr>
|
||||
<div id="ejercicio-3">
|
||||
|
||||
Reference in New Issue
Block a user