Html events

From wikinotes

You can register javascript callbacks to be fired on HTML DOM events.

Documentation

MDN: event list https://developer.mozilla.org/en-US/docs/Web/Events
html5 event overview https://www.w3.org/TR/2018/WD-html53-20181018/webappapis.html#events
html5 events: all elements https://www.w3.org/TR/2018/WD-html53-20181018/dom.html#ref-for-dom-globaleventhandlers-onabort
html5 events: windows/documents https://www.w3.org/TR/2018/WD-html53-20181018/webappapis.html#event-handlers-on-elements-document-objects-and-window-objects
html5 events: media https://www.w3.org/TR/2018/WD-html53-20181018/semantics-embedded-content.html#media-elements-event-summary

Tutorials

w3schools: events https://www.w3schools.com/jsref/dom_obj_event.asp

Registering Callbacks

document
  .getElementById('button')
  .addEventListener('click', () => { /* do something when clicked */ })