Почему не удаляется/добавляется класс при каждом нажатии кнопки?

Question

[Максим Иванов]

Добавил ссылку на кодпен, так как codepen src не работает!
https://codepen.io/roderen/pen/JjLmLYX?editors=1010

Думаю понятно, что при нажатии на кнопку, инпуты будут подсвечиваться красным только те, которые не проходят проверку - пустые. Но если в например первый невалидный инпут что-то написать, и затем снова нажать на кнопку, то в таком случае класс с красной рамкой должен убраться, но этого не происходит. Потом если из этого же первого инпута всё стереть и снова нажать кнопку, то тоже должен снова добавляться класс с красным бордером.
Как это исправить?

Answer 1

[Антон Шаманов]

потому что в popupInputValue будет значение последнего элемента forEach

Comments

[Максим Иванов]

Можете пожалуйста подсказать как это исправить?

[Антон Шаманов]

popupBtn.addEventListener('click', () => {
  popupInputs.forEach(popupInput => {
      if (popupInput.value === '') {
        popupInput.classList.remove('invalid-input')
      } else {
        popupInput.classList.add('invalid-input')
      }
    })
})

[Максим Иванов]

Антон Шаманов, Ааааа... *очень продолжительное "ааа"*. Спасибо :)

[Антон Шаманов]

Максим Иванов, если что-то не решается, то просто выйди погулять минут на 30

[Максим Иванов]

Антон Шаманов, Да :) Я каждый час-два работы выхожу на улицу вокруг дома, мб что-то сделать. Минут через 10-20 снова захожу) А чаще всего мне лучше просто поспать.
Помню пытался сам написать квиз. В итоге сидел 3 часа и не мог понять один момент. Лёг спать и утром за 10 минут решил