JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="compras">
    </ul>
    <div class="rodapeCat"></div>

<br>
    Rode o exemplo várias vezes para ver o resultado.

JavaScript

var r = Math.random()*10;
for( var i = 0; i < r ; i++ ) {
   $( ".compras" ).append( $( "<li>Teste</li>" ) );
}

var n = $( ".compras li" ).length;
$( ".rodapeCat" ).text( "Outras categorias( " + n + " )" );