JSFiddle - React, Tailwind, and code Playground

HTML

<div id="n"></div>
<ul class="content">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>

CSS

* {
    font: 18pt verdana;
}
ul {
    margin: 20px;
    padding: 0 1px;
    width: 2.0em;
    border: 1px solid #006699;
}
li {
    margin: 1px 0;
    padding: 3px 0;
    color: #FFF;
    background-color: #006699;
    text-align: center;
}

JavaScript

for (var $x=$(".content li"), i=$x.length-1, j, temp; i>=0; i--) { j=Math.floor(Math.random()*(i+1)), temp=$x[i], $x[i]=$x[j], $x[j]=temp; }
$x.each(function(i, li) { $(".content").append(li); });