Как правильно оформлять js код на многостраничном сайте?
Достаточно одного вопросительного знака на самом деле:
document.getElementById('volume')?.addEventListener('input', fun1);
Либо условный оператор опциональной последовательности как написал Надим, либо искать элементы операторами возвращающими не один а коолекцию и перебирать ее с помощью forEach, тогда если элементов в ней нет ни одна итерация и не выполнится, соответственно не будет попытки повесить слушатель на несуществующий элемент