Почему выпадает ошибка и как ее исправить?

Question

[Webstudent31]

Всем привет. В консоли возникает следующая ошибка "Uncaught TypeError: Cannot read property 'classList' of null
at FormValidator._hideInputError (FormValidator.js:45)". Все перепроверил миллион раз, но все без толку. Гляньте, пожалуйста, в чем проблема?

_hideInputError(inputElement) {  
        const errorElement = this._formElement.querySelector(`.${inputElement.id}-error`);  
        inputElement.classList.remove(this._config.inputErrorClass);  
        errorElement.classList.add(this._config.errorClass);  
        errorElement.textContent = '';  
    }

весь код класса доступен по ссылке https://codepen.io/azNex/pen/powwQWm
весь проект доступен по ссылке https://alexdor01.github.io/mesto/

Answer 1

[Вадим]

querySelector не нашёл элемента для errorElement.
либо inputElement - null.

Comments

[Webstudent31]

Да, один из InputElement = null, но как от него избавиться с вечера вчерашнего сижу, не могу разобраться, сильно запутался

removeValidationErrors(){
      this._inputList.forEach((itemElement) => {
        // один из itemElement тут равен null
        this._hideInputError(itemElement)
      });
    }

[Вадим]

Webstudent31, ну сделайте проверку.

this._inputList.forEach((itemElement) => {
  // один из itemElement тут равен null
  if(itemElement) {
    this._hideInputError(itemElement)
  }
});

[Webstudent31]

Вадим, добавил в код то, что Вы указали выше, но, к сожалению, ошибка все еще выскакивает, но теперь только на одном из трех попапов

[Вадим]

Webstudent31, ну так я 2 причины указал.

[Вадим]

Webstudent31, .querySelector(`.${inputElement.id}-error`);
Проверьте что такой элемент существует в разметке для всех inputElement и у всех inputElement есть id

[Webstudent31]

Вадим, получилось, спасибо