Eventos en JavaScript

Escuchar la interacción del usuario y el envío de formularios.

const form = document.querySelector("form");

form.addEventListener("submit", (event) => {
  event.preventDefault();
  const data = new FormData(form);
  console.log(Object.fromEntries(data));
});

document.addEventListener("keydown", (event) => {
  if (event.key === "Escape") {
    form.reset();
  }
}, { once: true });

Cómo funciona

1. addEventListener vincula un manejador a un evento.
2. preventDefault frena la acción por defecto del navegador.
3. FormData lee los campos; { once: true } se quita solo.

Palabras clave y builtins usados aquí

• Object
• const
• document
• if

El intento, en números

Líneas

13

Caracteres a escribir

307

Tokens

87

Ritmo de tres estrellas

100 tpm

Al ritmo de tres estrellas de 100 tokens por minuto, este intento toma unos 52 segundos.

Escribe este fragmento

Paso 1 de 3 en Eventos; paso 4 de 13 en El navegador.

← Anterior Siguiente →