Нужно проверить наличие класса у всех элементов списка, и если этот класс есть у всех элементов, добавлять кнопке активный класс

225

09 декабря 2018, 22:30

<button>test<button>
<ul>
 <li class='list list-active'>
     lorem 1
</li>
 <li class='list list-active'>
lorem 2
</li>
 <li class='list list-active'>
lorem 3
</li>
 <li class='list list-active'>
  lorem 4
</li>
</ul>

Answer 1

if (document.querySelectorAll('.list').length === document.querySelectorAll('.list-active').length) { 
  document.querySelector('button').classList.add('active') 
}

.active { 
  border: 5px solid blue; 
}

<button>test</button> 
 
<ul> 
 <li class='list list-active'> 
    lorem 1 
  </li> 
  <li class='list list-active'> 
    lorem 2 
  </li> 
  <li class='list list-active'> 
    lorem 3 
  </li> 
  <li class='list list-active'> 
    lorem 4 
  </li> 
</ul>