JSFiddle - React, Tailwind, and code Playground

by Alexander Startsev

HTML

<ul>
    <li>35</li>
    <li>11</li>
    <li>43</li>
    <li>46</li>
    <li>7</li>
    <li>19</li>
    <li>28</li>
    <li>12</li>
    <li>29</li>
    <li>50</li>
</ul>

<button class="sort-button">Sort</button>

JavaScript

function numOrdDesc(a, b){
    return (b-a);
}

$(function(){
	$('.sort-button').on('click', function(){
        var liContents = [];

        $('ul li').each(function(){
            liContents.push(+$(this).text());
        });

        liContents.sort(numOrdDesc);

        $('ul li').each(function(){
            $(this).text(liContents.pop());
        });
    });
});