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

Question

[galyamov_marat]

Есть массив с дочерними элементами

<div id="carousel" class="view">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
</div>

Как перемешать .item и отобразить их в рандомном порядке?

Answer 1

[Tim]

<div id="carousel" class="view">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
</div>

const carusel = document.querySelector('#carousel');
carusel.innerHTMl = '';
[...carusel.children]
.sort(() => Math.random() - 0.5)
  .forEach(v => carusel.append(v));

Comments

[galyamov_marat]

Спасибо! Является для меня решением!

Answer 2

[maksam07]

https://stackoverflow.com/a/1533945

Comments

[galyamov_marat]

спасибо, полезно для изучения