Один script ломает последующие в main.js?

Question

[Playtoster]

Ставлю этот код вначале main.js - все скрипты после него перестают работать. А если в конце кода - все скрипты работают. Из-за чего это? Переменные не перекликаются.

var newsbtn = document.querySelector('.news__to-all');
newsbtn.addEventListener('click', function (event) {
  event.preventDefault();
    newsbtn.classList.toggle('news__to-all--show');
});

Comments

[Данакт Фрост]

Ошибок в коде нет, возможно не там ищите ошибку. Смотрите в консоль. Возможно, у вас не существует элемент «.news__to-all», соотвественно код до создания event listener'а обрабатывается, а после — ломается.

[Stalker_RED]

В консоли есть сообщения об ошибках? Может элемент .news__to-all отсутствует в момент вызова.

[Ди Ма]

event.preventDefault() не гасит событие, на которое реагируют последующие скрипты?

[Playtoster]

Ди Ма, гасит скрипты, которые находятся на другой html-странице

[Stalker_RED]

Повторю, пожалуй:

В консоли есть сообщения об ошибках? Возможно элемент .news__to-all отсутствует в момент вызова.

[Playtoster]

Stalker_RED, сори, ошибок нет, элемент на месте всегда

[Playtoster]

Уточнение. Этот скрипт ломает только скрипты других html-страниц. Скрипты общей с ним html-страницы работают.

var newsbtn = document.querySelector('.news__to-all');
newsbtn.addEventListener('click', function (event) {
  event.preventDefault();
    newsbtn.classList.toggle('news__to-all--show');
});

На другой html-странице есть такой же скрипт, который так же ламает скрипты всех остальных html-страниц, кроме своей:

var portfBtn = document.querySelector('.portfolio__to-all');
portfBtn.addEventListener('click', function (event) {
  event.preventDefault();
    portfBtn.classList.toggle('portfolio__to-all--show');
});

В отдельных файлах все скрипты рабочие.

[Stalker_RED]

Playtoster, и что происходит когда он "ламает скрипты всех остальных html-страниц"? Страницы покрываются трещинами и кусками осыпаются в пропасть?

[Playtoster]

Stalker_RED, с разметкой всё ок, просто скрипты не работают на других страницах

[Stalker_RED]

Playtoster, а ошибки?

Answer 1

[ой всё]

комментаторы скорее всего правы
можете сначала попробовать проверить существует ли элемент

if( $('.news__to-all').length )     
{
    console.log('.news__to-all');
    // ваш код если существует
}