Как проверить класс у массива элементов?

Question

[TipTop89]

Подскажите, как можно проверить класс filled у тега li? Если все li имеют класс filled то к button добавляем класс. Спасибо

<ul>
  <li class="fiiled">Текст</li>
  <li class="fiiled">Текст</li>
  <li class="fiiled">Текст</li>
  <li class="fiiled">Текст</li>
  <li class="fiiled">Текст</li>
</ul>
<button>Показать</button>

button{
  opacity:0.5;
}
button.active{
  opacity:1;
}

let li = document.querySelectorAll("li")
let button = document.querySelector("button")

li.forEach((e) => {
  if (e.classList.contains("filled")) {
    button.classList.add("active")
  }
})

Comments

[0xD34F]

И это вопрос от человека, у которого за плечами 3+ лет опыта? Не стыдно?

Answer 1

[Metotron0]

if (Array.from(document.querySelectorAll("li")).every(li => li.classList.contains('filled')))
document.querySelector("button").classList.add("active")

Answer 2

[Михаил Р.]

Метод every() для коллекции li, внутри проверяйте наличие класса методом contains().
Ну и fiiled слегка не равен filled.