Если элемента нет, а в скрипте есть для него функция
Здравствуйте!
Подскажите как правильно пишут скрипт в таком случае. Есть кнопка .btnLogin на которую стоит обработчик события. Кнопка вызывает форму авторизации. Если пользователь залогинен, то кнопка не выводится в html, а скрипт выдаёт ошибку. Консоль указывает на функцию. Сама функция:
var btnLogin = document.querySelector('.btnLogin');
btnLogin.addEventListener('click', function() {
document.querySelector('.overlayPopup').style.display = 'block';
document.querySelector('.popupLog').style.display = 'block';
})
Как вариант можно скрипт разделить на два и выводить по отдельности - один для авторизированных, второй для посетителей. Но наверно это не лучшее решение. |
var btnLogin = document.querySelector('.btnLogin');
if(btnLogin){
btnLogin.addEventListener('click', function() {
document.querySelector('.overlayPopup').style.display = 'block';
document.querySelector('.popupLog').style.display = 'block';
});
}
|
j0hnik, length тут явно лишний.
|
ruslan_mart, спасибо за подсказку. С length давало ошибку. Убрал - заработало.
|
ruslan_mart,
Да, спасибо, автоматом |
| Часовой пояс GMT +3, время: 14:49. |