Почему не работает скрипт на js в одном файле?

Question

[Kombik]

Очень нубский вопрос. Под многостраничный сайт у меня один файл main.js со скриптами. Если написана логика для элементов, которых нет на данной странице, то не работает весь скрипт.
Т.е. на странице контакты у меня есть карточки с логикой, а на главной нет. Тогда на главной не будет работать весь скрипт после логики для карточки.
Возможно есть какое-то решение? Или нужно делить на файлы для разных страниц и подключать отдельно?

Answer 1

[DarkRou]

добавить

if(var){
*код*
}

Answer 2

[Dima Polos]

Можно обернуть код, в try...catch

Answer 3

[Владимир]

1) Делить
2) Обрабатывать ошибки (проверять наличие элемента перед тем как его использовать)
3) Если хочется делать статический сайт, использовать что то вроде https://www.gatsbyjs.org/

Answer 4

[dmitry-toster]

Если написана логика для элементов, которых нет на данной странице, то не работает весь скрипт.

Ну, это логично. Проверяйте наличие элемента, к примеру,

if (document.querySelector('#block') // делать что-то

тогда остальной код ломаться не будет.

Если не нравятся такие проверки, то один большой файл делите на несколько и подключайте в нужных страницах нужный JS