Cannot read property 'addEventListener' of null
 

Привет. Решение наверняка было, не могу найти сам.

Вопрос:

function getId(id){return document.getElementById(id)};
function cb(){
	console.log( 'end' )
}
getId('lesson').addEventListener('transitionend', cb);

/*
Error: Uncaught TypeError: Cannot read property 'addEventListener' of null
    at HTMLDocument.<anonymous>
*/

На странице отсутствует тег с id="lesson".
Как избавится красиво от этой ошибки?

Устанавливать обработчик по окончании загрузки документа.

join,

function getId(id){return document.getElementById(id)/*||document.createElement('div')*/|| {addEventListener: _=>_} };

делегирование
https://stackoverflow.com/questions/...child-elements

рони, что делает этот код?

вроде работает через "load".
спасибо:)

избавляет от ошибки :lol:
возможно вам нужно было сформулировать вопрос иначе, не как избавится от ошибки, а как сделать код рабочим.