JSFiddle - React, Tailwind, and code Playground

HTML

<div class="slide">
    <span>1</span>
    <span>2</span>
    <span>3</span>
    <span>4</span>
    <span>5</span>
</div>

JavaScript

function reorder() {
        var grp = $(".slide").children();
        var cnt = grp.length;
    
        var indexes = [];
        for (var i = 0; i < cnt; i++) {
            indexes.push(i);
        }
        indexes = shuffle(indexes);

        $(grp).remove();

        for (var i = 0; i < cnt; i++) {
            $(".slide").append($(grp[indexes[i]]));
        }
    }

    function shuffle(o){
        for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
        return o;
    }
    reorder();