JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="myList" class="list">
<li id="alpha">32</li>
<li id="beta">170</li>
<li id="delta">28</li>
</ul>

JavaScript

var container = document.getElementById("myList");
var contents = container.querySelectorAll("li");

var list = [];
for(var i=0; i<contents.length; i++){
    list.push(contents[i]);
}

list.sort(function(a, b){
	var aa = parseInt(a.innerHTML);
	var bb = parseInt(b.innerHTML);
	return aa < bb ? -1 : (aa > bb ? 1 : 0);
});

list.reverse();

for(var i=0; i<list.length; i++){
    console.log(list[i].innerHTML);
	container.insertBefore(list[i], container.firstChild);
}