Shuffling divs
by Gshegosh
HTML
<div class="divver">
<div class="extra">
Extra
</div>
<div class="div">
1
</div>
<div class="div">
2
</div>
<div class="div">
3
</div>
<div class="div">
4
</div>
<div class="div">
5
</div>
</div>
<button onclick="shuffler()" id="shuffles">
Shuffle 'em
</button>
JavaScript
let divs = document.getElementsByClassName("div")
let divsNumber = divs.length;
let divver = document.getElementsByClassName("divver")[0]
function shuffler() {
for (var i = divsNumber; i >= 0; i--) {
if(!divver.children[i].classList.contains("div")) {
divver.appendChild(divver.children[Math.random() * i | 0]);
}
}
}