JSFiddle - React, Tailwind, and code Playground

by Samuel DeVore

HTML

<div class="mask">
    <div class="Slide 1">1</div>
    <div class="Slide 2">2</div>
    <div class="Slide 3">3</div>
    <div class="Slide 4">4</div>
    <div class="Slide 5">5</div>
    <div class="Slide 6">6</div>
    <div class="Slide 7">7</div>
    <div class="Slide 8">8</div>
    <div class="Slide 9">9</div>
    <div class="Slide 10">10</div>
    <div class="Slide 11">11</div>
    <div class="Slide 12">12</div>
    <div class="Slide 13">13</div>
    <div class="Slide 14">14</div>
    <div class="Slide 15">15</div>
    <div class="Slide 16">16</div>
    <div class="Slide 17">17</div>
    <div class="Slide 18">18</div>
</div>

<script>
  $(".mask").append($(".mask").children().sort(function () {
    return Math.random() - 0.5;
}));
</script>