Форма, проверка на value, почему не работает код?

const inputs = document.querySelectorAll('.form__item');
    const formBtn = document.querySelector('.form__btn');
    const formBtnClose = document.querySelector('.form__btn-close');

    const check = () => {
      if(inputs[0].value != '' || inputs[1].value != '' || inputs[2].value != ''){
        formBtn.disabled = false;
        formBtnClose.disabled = false;
      }else{
        formBtn.disabled = true;
        formBtnClose.disabled = true;
      }
    };
    inputs[0].addEventListener('keyup', check);
    inputs[1].addEventListener('keyup', check);
    inputs[2].addEventListener('keyup', check);

когда я пишу - кнопка становиться активной, но когда я стираю и значение пустое - кнопка не превращается обратно в disabled, помогите пожалуйста!

<form class="form__main" action="#" method="POST">
                            <div class="form__inputs">
                                <div class="form__item form__item_email">
                                <input class="form__input" type="email" name="userEmail" placeholder="Email...">
                                <span></span>
                            </div>
                            <div class="form__item form__item_tel">
                            <input  class="form__input " type="tel" name="userPhone" placeholder="Phone...">
                            <span></span>
                            </div>
                            </div>
                            <div class="form__item form__item_message">
                                <textarea name="message" class="form__textarea form__input" placeholder="Enter your message..."></textarea>
                                <span></span>
                            </div>
                                 
                            <div class="form__buttons">
                                <button class="form__btn" type="submit" disabled>submit</button>
                           <button class="form__btn-close" type="reset" disabled><img src="./img/icons/close.svg" alt="reset"></button> 
                           <!-- <div class="moon"></div> -->
                            </div>
                          
                        </form>

Ответы (1 шт):

Автор решения: Igor

Вы выбираете не те элементы.

const inputs = document.querySelectorAll('.form__input');
                                                 ^^^^^
→ Ссылка