JSFiddle - React, Tailwind, and code Playground
HTML
<div id"p">
<div id="c1">
<div id="c2">
<script id="s1">
var i = 0;
i++;
</script>
</div>
</div>
<div id="d1">
<script id="s2">
var j= 1;
++j;
</script>
</div>
<span id="out">output</span>
</div>
JavaScript
var s1 = document.getElementById("s1");
var s2 = document.getElementById("s2");
var out = document.getElementById("out");
var sA = [ s1, s2 ];
sA = sA.sort( (node1, node2) => node1.compareDocumentPosition(node2) - 3 );
out.innerHTML = sA[ 0 ].id + ', ' + sA[ 1 ].id;