Ошибка в отдельном js Uncaught TypeError: Cannot read property 'classList' of null?

я только начал изучать html и js и использовал скрипт для добавления класса к элементу. Если скрипт находится в html документе то всё работает, но если вынести скрипт в отдельный файл то происходит ошибка с classList

var height=0;
var width=0;
  if (self.screen) {     // for NN4 and IE4
       swidth = screen.width
       sheight = screen.height}
    else if (self.java) {   // for NN3 with enabled Java
      var jkit = java.awt.Toolkit.getDefaultToolkit();
      var scrsize = jkit.getScreenSize();
      swidth = scrsize.width;
      sheight = scrsize.height;}
  if (swidth < 426) {
  document.querySelector('.mobile-menu').classList.add('mobile-menu-resize');
}

Подключаю через script в head

<script type="text/javascript" src="/mobile-menu-resize.js"></script>