Eventos
Reaccionar a las acciones del usuario.
Los eventos permiten ejecutar código en respuesta a acciones: clics, teclas presionadas, envío de formularios, etc. Se escuchan con elemento.addEventListener('evento', función), el método recomendado frente a atributos como onclick en el HTML.
Eventos comunes: click, submit (formularios), input (mientras se escribe), keydown (tecla presionada) y mouseover. Dentro de la función manejadora, el parámetro event trae información adicional, como event.target (el elemento que disparó el evento).
En formularios es común usar event.preventDefault() para evitar que la página se recargue al enviarlo, y así manejar el envío con JavaScript.
Ejemplo — pruébalo tú mismo
Ponlo a prueba: Agrega un event listener a un botón que muestre un mensaje distinto cada vez que se hace clic.