как сделать так чтобы при загрузке страницы каждый раз div-ы перместились местами плюс к этому у всех одинаковый класс
<div class = "x">1</div>
<div class = "x">2</div>
<div class = "x">3</div>
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществукак сделать так чтобы при загрузке страницы каждый раз div-ы перместились местами плюс к этому у всех одинаковый класс
<div class = "x">1</div>
<div class = "x">2</div>
<div class = "x">3</div>
Как-то так хотите?
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>
Нажимайте несколько раз чтобы увидеть разницу