JavaScript выдает ошибку, когда я создаю новый div ⇐ CSS

[Anonymous]

у меня есть этот HTML-код

Тип долга: Выберите тип долга Автокредит Студенческий кредит Кредит по долговой карте Жилищный кредит другие
Основная сумма:

Годовая процентная ставка:

Ежемесячный платеж:


В котором я проверяю, поля не должны быть пустыми с помощью этого фрагмента кода

класс FormValidator { конструктор(поля) { this.fields = поля; this.isValid = правда; } инициализировать() { это.validateOnEntry(); } validateOnEntry() { пусть сам = это; this.fields.forEach(поле => { const input = document.querySelector(`#${field}`); input.addEventListener('input', () => { self.validateFields(вход); }); }); } validateFields (поле) { console.log(field.parentElement); const errorElement = field.parentElement.querySelector('.error'); if (field.value.trim() === "") { this.setStatus(errorElement, «Пожалуйста, выберите элемент», «ошибка»); this.isValid = ложь; } еще { this.setStatus(errorElement, null, «успех»); } if (field.id === "основной" && isNaN(parseFloat(field.value))) { this.setStatus(errorElement, «Пожалуйста, введите принцип», «ошибка»); } if (field.id === "rate" && isNaN(parseFloat(field.value))) { this.setStatus(errorElement, «Пожалуйста, введите ставку», «ошибка»); } if (field.id === "платеж" && isNaN(parseFloat(field.value))) { this.setStatus(errorElement, «Пожалуйста, введите платеж», «ошибка»); } } setStatus (errorElement, сообщение, статус) { if (статус === "успех") { errorElement.innerText = ""; } if (статус === "ошибка") { errorElement.innerText = сообщение; } } } constfields = ["debtType", "основная сумма", "ставка", "платеж"]; const validator = новый FormValidator (поля); валидатор.инициализация(); document.getElementById("calculateButton").addEventListener("click", function () { // Сброс isValid перед повторной проверкой валидатор.isValid = правда; поля.forEach(поле => { const input = document.querySelector(`#${field}`); validator.validateFields(вход); }); если (validator.isValid) { добавитьДолг(); // Вызов addDebt только в том случае, если все поля действительны } }); работает хорошо, но

когда я добавляю новый тег div во входной тег, вот так

Ежемесячный платеж:

Это выдает ошибку, поэтому скажите мне, как я могу ее решить и что мне следует использовать, кроме field.parentElemet. этот div, я помещаю этот div, чтобы поместить SVG в поле ввода