Id и addEventListener

Решил на своей тренировочной страничке удалить обработчики через HTML-атрибут и назначить через addEventListener().

Для этого я удалит onClick-атрибут, назначил id="*upButton*", объявил объект:
let **upButton** = document.getElementById("*upButton*");

Назначил обработчик: upButton.addEventListener("click", up);

И вот тут у меня возникло сомнение, а к чему я применяю обработчик? К созданному мной объекту **upButton** или сразу получаю элемент по id *upButton* ?

Для ясности, я конечно дал разные имена своему объекту и id, но вопрос остался.
Как проверить через консоль, что-то не соображу?

Объясните пожалуйста, этот тонкий момент.