forked from marquez.juan/clase-9-eventos
48 lines
1.2 KiB
JavaScript
48 lines
1.2 KiB
JavaScript
// Agregar acá el código javascript para los ejercicios
|
|
|
|
/*
|
|
|
|
1. Agregar a la página un botón y un párrafo que diga `Botón clickeado 0
|
|
veces`. Cada vez que se haga clic en el botón, el texto del párrafo debe
|
|
cambiar al mensaje `"Botón clickeado N veces"`, donde N es el número de
|
|
veces que se hizo clic.
|
|
|
|
*/
|
|
|
|
const boton = document.getElementById("boton");
|
|
|
|
boton.addEventListener("click", () => {
|
|
|
|
let contador = parseInt(document.getElementById("cantidad").textContent);
|
|
|
|
contador = contador + 1;
|
|
|
|
document.getElementById("cantidad").textContent = contador;
|
|
|
|
if (contador === 1) {
|
|
|
|
document.getElementById("descripcionCantidad").textContent = "vez.";
|
|
|
|
} else {
|
|
|
|
document.getElementById("descripcionCantidad").textContent = "veces.";
|
|
|
|
}
|
|
|
|
})
|
|
|
|
/*
|
|
|
|
2. Agregar un campo de texto a la página. A medida que el usuario escribe,
|
|
mostrar en tiempo real la cantidad de caracteres ingresados debajo del campo.
|
|
|
|
*/
|
|
|
|
const inputTexto = document.getElementById("texto");
|
|
|
|
inputTexto.addEventListener("input", () => {
|
|
|
|
let cantidad = inputTexto.value.length;
|
|
|
|
document.getElementById("cantidadCaracteres").textContent = cantidad;
|
|
}) |