clase-9-eventos/clase-9.js

// Agregar acá el código javascript para los ejercicios
const boton1 = document.querySelector("button");
const parrafo1 = document.querySelector("p");
var i = 0

boton1.addEventListener("click", function () {
    i = i + 1
    parrafo1.textContent = `Este boton ha sido clickeado ${i} veces`;
    console.log(`El botón fue clickeado ${i} veces`);
});

const campo = document.querySelector("input");
const parrafo2 = document.querySelector("#contadorCaracteres");

campo.addEventListener("input", (e) => {
    parrafo2.textContent = `El campo de texto tiene ${e.target.value.length} caracteres`;
    console.log(e.target.value); 
});