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

164
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>

READ ALSO
text-decoration underline исключив псевдоэлемент?

text-decoration underline исключив псевдоэлемент?

Как сделать так, чтобы нижнее подчеркивание не касалось псевдоэлемента? То есть чтобы не подчеркивался символ "/" ?

142
Всплывающий блок

Всплывающий блок

На странице есть кнопка, как сделать так, чтобы при клике на кнопку, всплывал блок div? Спасибо

183
Скрывать блок при клике вне него [дубликат]

Скрывать блок при клике вне него [дубликат]

На данный вопрос уже ответили:

189