Los eventos son funciones que suceden cuando algo ocurre. Pueden ser sucesos como un clic, pulsar una tecla, colocar el mouse sobre un botón, entre otros.

El elemento HTML form <form> representa una sección de un documento que contiene controles interactivos que permiten a un usuario enviar información a un servidor web.

El elemento <input>, teniendo el valor reset en su atributo type, representa un botón que, cuando es presionado, restaura todos los campos del formulario (<form>) al cual pertenece, a sus valores iniciales.

El método .clearRect convierte todos los píxeles en el espacio definido por el punto de inicio (x, y) y tamaño (width, height) a negro transparente, borrando cualquier contenido dibujado anteriormente.

Recuerda:

• Cuando queremos enviar información a un servidor podemos usar un formulario con la etiqueta <form>.

• En JavaScript puedes agregar un manejador de eventos con element.addEventListener('event', function).