JSFiddle - React, Tailwind, and code Playground

HTML

<div id="userscores">
    <h1>Current Scores</h1>
</div>

<h1>Current Leaderboard</h1>

<p>This section will be periodically updated to show the number of languages and who is leading in each.</p>

<ul>
<li>AWK (32) - mellamokb</li>
<li>bash (42) - Peter Taylor</li>
<li>Befunge (34) - CMP</li>
<li>bc (39) - kernigh</li>
<li>brainfuck (174) - CMP</li>
<li>C (76) - mellamokb</li>
<li>C++ (96) - leftroundabout</li>
<li>Common Lisp (88) - kernigh</li>
<li>csh (86) - kernigh</li>
<li>dc (30) - kernigh</li>
<li>es (95) - kernigh</li>
<li>Factor (138) - kernigh</li>
<li>GolfScript (16) - Howard</li>
<li>Haskell (35) - leftroundabout</li>
<li>J (23) - Gareth</li>
<li>Java (185) - mellamokb</li>
<li>JavaScript (47) - mellamokb</li>
<li>Mercury (319) - leftroundabout</li>
<li>Perl (84) - Aman ZeeK Verma</li>
<li>PHP (77) - mellamokb</li>
<li>PicoLisp (74) - kernigh</li>
<li>Peit (82) - CMP</li>
<li>Python (41) - Howard</li>
<li>QBasic (34) - mellamokb</li>
<li>Ruby (45) - Howard</li>
<li>Scala (102) - Gareth</li>
<li>SQL (57) - Aman ZeeK Verma</li>
<li>TI-83 BASIC (41) - mellamokb</li>
<li>VBA (57) - Gaffi</li>
<li>zsh (62) - kernigh</li>
</ul>

JavaScript

o=[];
$('li').each(function(i,el) {
    t=$(el).text();
    r=/([^(]*)\s\((\d+)\) - (.*)/g;
    m=r.exec(t);
    l=m[1];
    s=m[2];
    u=m[3];
    if (o[u]==undefined)o[u]=[];
    o[u].push(l + ' (' + s + ')');
});

k=[];
for (p in o)
    k.push({username:p,score:o[p].length,languages:o[p]});
k.sort(function(a,b){
    if (a.score>b.score)
        return -1;
    else if (a.score == b.score)
        if (a.username < b.username)
            return -1;
        else
            return 0;
    else
        return 1;
});

for (p in k)
{
    $('#userscores').append('<li>'+k[p].username+' (<b><u>'+k[p].score+'</u></b>): ' + k[p].languages + '</li>');
}