Представляю один интересный и, возможно, малоизвестный факт: если у HTML-элемента есть атрибут id, его значение можно использовать, как имя глобальной переменной, в JavaScript.

HTML:

<button id="my_button">…</button>

JavaScript:

my_button.onclick = ...

Кроме того, если у потомка элемента с id есть атрибут name, к такому элементу тоже можно обратиться в JavaScript.

HTML:

<form id="my_form"> 
  <input name="my_input"> 
</form>

JavaScript:

my_form.my_input.onclick = ...

Возможно, это не лучший способ взаимодействия с элементами интерфейса, но он работает.

Спасибо за внимание.