From 3ff19d590b3f2ae6adfb66d7594c012acb9c819d Mon Sep 17 00:00:00 2001 From: DevMate-Jar Date: Mon, 1 Jun 2026 20:27:16 -0300 Subject: [PATCH 1/4] Finish exercise 1 --- clase-9.js | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/clase-9.js b/clase-9.js index 6df1007..f1d1ce9 100644 --- a/clase-9.js +++ b/clase-9.js @@ -1 +1,10 @@ -// Agregar acá el código javascript para los ejercicios +const botonf = document.getElementById("boton1"); +const parrafob = document.getElementById("parrafo1"); + +let contador = 0; + +botonf.addEventListener("click", () => { + contador++; + parrafob.textContent = "Boton clickeado " + contador + " veces"; +}) // Ejercicio 1 + -- 2.49.1 From c02c102b279c5519b34fc6ced9242b6c74cf5e2b Mon Sep 17 00:00:00 2001 From: DevMate-Jar Date: Mon, 1 Jun 2026 20:41:42 -0300 Subject: [PATCH 2/4] Finish exercise 2 --- clase-9.js | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/clase-9.js b/clase-9.js index f1d1ce9..846c742 100644 --- a/clase-9.js +++ b/clase-9.js @@ -8,3 +8,12 @@ botonf.addEventListener("click", () => { parrafob.textContent = "Boton clickeado " + contador + " veces"; }) // Ejercicio 1 + + +const textoCaracter = document.getElementById("text"); +const parrafoCaracter = document.getElementById("carac0"); + + +textoCaracter.addEventListener("input", () => { +parrafoCaracter.textContent = "Cantidad de caracteres: " + textoCaracter.value.length +}) // Ejercicio 2 -- 2.49.1 From bf13149adcb4d77e1e4803b05403203eedda23f6 Mon Sep 17 00:00:00 2001 From: DevMate-Jar Date: Mon, 1 Jun 2026 21:18:12 -0300 Subject: [PATCH 3/4] Finish exercise 3 --- clase-9.js | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/clase-9.js b/clase-9.js index 846c742..8319e5c 100644 --- a/clase-9.js +++ b/clase-9.js @@ -17,3 +17,13 @@ const parrafoCaracter = document.getElementById("carac0"); textoCaracter.addEventListener("input", () => { parrafoCaracter.textContent = "Cantidad de caracteres: " + textoCaracter.value.length }) // Ejercicio 2 + + +const listaEvent = document.getElementById("itemListas"); +listaEvent.addEventListener("click",(e) => { +if (e.target.tagName == "LI") { + console.log(e.target.textContent); +} + + +}) -- 2.49.1 From a91f71ea38680300be4c1c4fa734f9c37f22413a Mon Sep 17 00:00:00 2001 From: DevMate-Jar Date: Mon, 1 Jun 2026 21:23:17 -0300 Subject: [PATCH 4/4] Add exercise 1, 2, 3 --- index.html | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 2a6b85f..fdeacb9 100644 --- a/index.html +++ b/index.html @@ -9,15 +9,23 @@

Clase 9 - Eventos

- + +

Boton clickeado 0 veces

- + +

Cantidad de caracteres: 0

- +
    +
  • Item 1
    • +
  • Item 2
    • +
  • Item 3
    • +
  • Item 4
    • +
  • Item 5
    • +
-- 2.49.1