как при загрузке страницы каждый раз переместить div-ы

как сделать так чтобы при загрузке страницы каждый раз div-ы перместились местами плюс к этому у всех одинаковый класс

<div class = "x">1</div>
<div class = "x">2</div>
<div class = "x">3</div>

Ответы (1 шт):

Автор решения: Aziz Umarov

Как-то так хотите?

let divs = document.getElementsByClassName("x");
let newDivs = [...divs].sort(() => Math.random() - 0.5);
newDivs.forEach(item => main.appendChild(item));  
<div id="main">
  <div class = "x">1</div>
  <div class = "x">2</div>
  <div class = "x">3</div>
</div>

Нажимайте несколько раз чтобы увидеть разницу

→ Ссылка