Little relatively unknown fact, if you have an id attribute on an element, you can reference it in this way:

// html
<button id="yo">…</button>

// js
yo.onclick = ...

Furthermore, child elements with a name attribute can be referenced in this way:

// html
<form id="x"> 
  <input name="em"> 
</form>

// js
x.em.onclick = ...

Maybe not your favorite API, but it’s a thing.

Lessons in this unit:

0:	Introduction
1:	Preserving white space and line breaks in a string in HTML
2:	HTML, avoid displaying a broken image if the image is not found
3:	The HTML figure tag
4:	Change image source in dark mode
5:	Accept only images in file input
6:	HTML comments
7:	Some useful tricks available in HTML5
8:	How to make an hr invisible
9:	Conditionally set an HTML attribute
10:	▶︎ An HTML element id is a global variable