Как исправить ошибку Cannot read property 'addEventListener' of null?

Question

[Максим Варава]

Кто подскажет как исправить.
С этим скриптом выбивает ошибку и крашит весь остальной код после него https://codepen.io/anon/pen/MqgWwR
Ошибка: Uncaught TypeError: Cannot read property 'addEventListener' of null

Я обернул скрипт в
window.onload=function() {
мой код
}
Теперь просто не крашится остальной код, но ошибка все равно осталась.

Answer 1

[Rsa97]

Очевидно, потому, что в вашем HTML-коде нет элемента с селектором input[name=inp-price]
По стандарту селектор должен выглядеть как input[name="inp-price"]

Comments

[Максим Варава]

Попробовал так, но не помогло
Вот элемент HTML кода

<input class="form-inp price-inp err" id="spa-price" name="inp-price" type="number" pattern="\d+" placeholder="500 &#8381;" required>

[Rsa97]

Максим Варава, Не знаю, как вы писали, но если написать селектор правильно, то всё работает.
https://codepen.io/anon/pen/zJOxbj?editors=1111

[Максим Варава]

Да он у меня и так работал, но ошибка Uncaught TypeError: Cannot read property 'addEventListener' of null
все равно остается. Сейчас полностью перенес код с вашего codepen и все тоже самое, скрипт работает но выбивается это ошибка.

[Rsa97]

Максим Варава, Листенеры вы, конечно же, подключаете уже после построения DOM, по событию window.onload или document.DOMContentLoaded?

[Максим Варава]

window.onload=function() { } Подключал так, но ошибка все равно остается.

[Rsa97]

Максим Варава, Значит всё-таки что-то делаете не так. Либо на момент поиска селектора input ещё не создан.

[Максим Варава]

Rsa97, В любом случае спасибо за потраченное время и помощь, буду разбираться

[Максим Варава]

Rsa97, Вы были изначально правы, этот селектор используется только на одной странице сайта, на других он его не может найти. Вы не могли бы мне помочь написать проверку на наличие этого элемента, я не силен в js.

[Rsa97]

Максим Варава,

var inpPrice = document.querySelector('input[name="inp-price"]');
if (null !== inpPrice) {
  inpPrice.addEventListener(...);
  inpPrice.addEventListener(...);
}