Кроссбраузерность скрипта обработчика для формы
 

Здравствуйте! Загрузил сайт на бесплатный хостинг, так что на доменное имя прошу не обращать внимания.

true-info. 000webhostapp. com/apl/lib/kobzar/ch-1 если перейти по этой ссылке, можем увидеть страничку где много текста. Почти каждому тегу p присвоен id. Этот id используется в связке с формой быстрого перехода по абзацам.

Перейти можно как в начале главы, введя например цифры 67 и нажать "Перейти" или "Enter", так и из середины, где есть такая же форма но в выезжающей панели.

Теперь если мы откроем файл script.js, вначале увидим строку начинающуюся на document.querySelector("#form").addEventListener( и так далее. Это и есть скрипт обработчик, который перемещает на нужный абзац и на определенное время подсвечивает его фоном.

Но есть одна проблема, которую не могу решить. Скрипт почему-то оказался не кроссбраузерным. Например в windows он не работает в ie 11 и edge.

На android не работает в стандартном браузере, Dolphin и оригинальном Chrome.

В чём проблема собственно? Почему одни браузеры проглатывают этот скрипт а некоторые нет? Могли бы помочь с кодом так, чтобы все браузеры его обрабатывали? Хотя ie можно отсечь, т.к. планирую вовсе заблокировать его.

Обидно будет запускать полноценный сайт с такой недопиленной штукой(

Консоль оперы показала ошибку: Uncaught TypeError: Cannot read property 'addEventListener' of null

Как это исправить?

gennadiy92,
не пишите на es6, если хотите работу в ie, или конвертируйте код в es5