diff --git a/clase-9.js b/clase-9.js index 6df1007..8319e5c 100644 --- a/clase-9.js +++ b/clase-9.js @@ -1 +1,29 @@ -// 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 + + + +const textoCaracter = document.getElementById("text"); +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); +} + + +}) 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

- +