Показать сообщение отдельно
  #25 (permalink)  
Старый 03.03.2020, 23:59
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

случайный выбор блоков
один цикл
<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
    .active {
     background-color: #FF0000;
     color: #FFFFFF;
    }
  </style>

  <script>
document.addEventListener( 'DOMContentLoaded' , () => {
  const arr = [...document.querySelectorAll('div.status>span.online')]
  const limit = 3;
  for (let i = 0; i < limit; i++) {
     const {length} = arr;
     const index = Math.floor(Math.random() * length);
     const {classList}  = arr.splice(index, 1)[0];
     classList.add('active');
  }
  });
  </script>
</head>
<body>
<div class="status"><span class="online">01</span></div>
<div class="status"><span class="online">02</span></div>
<div class="status"><span class="online">03</span></div>
<div class="status"><span class="online">04</span></div>
<div class="status"><span class="online">05</span></div>
<div class="status"><span class="online">06</span></div>
<div class="status"><span class="online">07</span></div>
<div class="status"><span class="online">08</span></div>
<div class="status"><span class="online">09</span></div>
<div class="status"><span class="online">10</span></div>
</body>
</html>
Ответить с цитированием