Почему возникает ошибка: «inputList.some is not a function»?

Question

[Nehydna]

Пишу валидацию формы:

const showInputError = (form, inputElement, errorMessage) => {
    const formInputError =
        form.querySelector(`.${inputElement.id}-error`);
    inputElement.classList.add('registr__name_type_error');
    formInputError.classList.add('registr__name-error_active');
    formInputError.textContent = errorMessage;
}

const hideInputError = (form, inputElement) => {
    const formInputError = form.querySelector(`.${inputElement.id}-error`);
    inputElement.classList.remove('registr__name_type_error');
    formInputError.classList.remove('registr__name-error_active');
    formInputError.textContent = '';
}

const checkisValid = (form, inputElement) => {
    if (!inputElement.validity.valid) {
        showInputError(form, inputElement, inputElement.validationMessage);
    } else {
        hideInputError(form, inputElement);
    }
}




const setEventListeners = (form) => {
    const inputList = Array.from(form.querySelectorAll('.registr__name'));
    const buttonElement = form.querySelector('.registr__submit');
    toggleButtonAttribute(inputList, buttonElement)
    inputList.forEach(function (inputElement) {
        inputElement.addEventListener('input', function () {
            checkisValid(form, inputElement);
            toggleButtonAttribute(inputElement, buttonElement)
        })
    })
}


const hasInvalidInput = (inputList) => {
    return inputList.some((inputElement) => {
        return !inputElement.validity.valid;
    })
}

const toggleButtonAttribute = (inputElement, buttonElement) => {
    if (hasInvalidInput(inputElement)) {
        buttonElement.disabled = true;
    } else {
        buttonElement.disabled = false;
    }
}

const enableValidationForm = () => {
    const formList = Array.from(document.querySelectorAll('.registr'));
    formList.forEach(function (form) {
        form.addEventListener('submit', (evt) => {
            evt.preventDefault();
        })
        setEventListeners(form);
    })
}

enableValidationForm();

При попытке ввода полей кнопка заблокирована и в консоль выходит ошибка:

validations.js:41 Uncaught TypeError: inputList.some is not a function

В чём причина?

Answer 1

[Вадим]

где и что упускаю

inputList.forEach(function (inputElement) {
  inputElement.addEventListener('input', function () {
    checkisValid(form, inputElement);
    toggleButtonAttribute(inputElement, buttonElement) // inputElement - не массив.
  })
})

Comments

[Nehydna]

Невероятно) Полдня голову ломаю, а все дело в невнимательности... Спасибо огроменное!

[Вадим]

Nehydna, а можно не ломать голову, а научиться отладке кода и решить эту проблему за 1 минуту.
https://learn.javascript.ru/debugging-chrome