Если элемента нет, а в скрипте есть для него функция

[MC-XOBAHCK]

Здравствуйте!
Подскажите как правильно пишут скрипт в таком случае.
Есть кнопка .btnLogin на которую стоит обработчик события. Кнопка вызывает форму авторизации.
Если пользователь залогинен, то кнопка не выводится в html, а скрипт выдаёт ошибку. Консоль указывает на функцию.

Сама функция:

var btnLogin = document.querySelector('.btnLogin');

btnLogin.addEventListener('click', function() {
	document.querySelector('.overlayPopup').style.display = 'block';
	document.querySelector('.popupLog').style.display = 'block';
})

Как вариант можно скрипт разделить на два и выводить по отдельности - один для авторизированных, второй для посетителей. Но наверно это не лучшее решение.

[j0hnik]

var btnLogin = document.querySelector('.btnLogin');
if(btnLogin){
btnLogin.addEventListener('click', function() {
	document.querySelector('.overlayPopup').style.display = 'block';
	document.querySelector('.popupLog').style.display = 'block';
});
}

[ruslan_mart]

j0hnik, length тут явно лишний.

[MC-XOBAHCK]

ruslan_mart, спасибо за подсказку. С length давало ошибку. Убрал - заработало.

[j0hnik]

ruslan_mart,
Да, спасибо, автоматом