JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <span>Random text</span>
  <span style="color: red">Random text</span>
</div>

JavaScript

$(document).ready(function() {
  var before = Array.prototype.slice.call($("div")[0].children).map(x => x);
  
  if (new Date() % 2) //50% chance to randomize order 
    randomizeOrder();
    
  var after = Array.prototype.slice.call($("div")[0].children).map(x => x);
  
  //Detect if the order of spans changed
  var hasChanged;
  after.forEach((el, i) => {
    if (el != before[i]) {
      hasChanged = true;
    }
  })
  hasChanged && console.log("Something's changed");
})

function randomizeOrder() {
  var lastElement = $("div span").last();
  $(lastElement).insertBefore($("div span").first());
}