JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <ul id="rndList">
        <li id="itemOne">one</li>
        <li id="itemTwo">two</li>
        <li id="itemThree">three</li>
        <li id="itemFour">four</li>
        <li id="itemFive">five</li>
    </ul>    
</div>
<script type="text/javascript">shuffleList();</script>

JavaScript

function shuffleList(){
    
    var origList = $("#rndList li").detach();
    var newList = origList.clone();
    
    for(var i=0; i<newList.length; i++)
    {
        var randomIndex = randomInt(newList.length - i);
        newList[i] = origList.splice(randomIndex, 1);
        $("#rndList").append(newList[i]);        
    }
}

function randomInt(maxNum){
    return Math.floor(Math.random()*maxNum);
}