JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mot">Tenez vous prêt</div>
<input type="button" id="new" value="SUIVANT" />
<div id="res">

</div>

JavaScript

var files=[
"Abeille",
"Baleine",
"Cachalot",
"Cerf",
"Chat",
"Chèvre",
"Chien",
"Cigale",
"Coq",
"Cygne",
"Dauphin",
"Dindon",
"Dromadaire",
"Girafe",
"Gorille",
"Grenouille",
"Hérisson",
"Hyène",
"Hippopotame",
"Koala",
"Kangourou",
"Lama",
"Lézard",
"Lièvre",
"Lion",
"Loup",
"Morse",
"Ours",
"Otarie",
"Panda",
"Paresseux",
"Pélican",
"Phoque",
"Poisson",
"Raton laveur",
"Requin",
"Rhinocéros",
"Sanglier",
"Sauterelle",
"Serpent",
"Suricate",
"Tapir",
"Toucan",
"Tigre",
"Zebre"
]
//initialisation du compteur associé a chaque mot
var i=-1;
var cpt=[];
while( files[++i]){
files[i]=[files[i]];
files[i]['count']=0;
}

//Fonction de tri sur compteur
function sortmots(a,b){
return (a.count>b.count)? 1:-1;
}
 
function nouv_mot(){
    var nb = Math.floor(Math.random() * files.length);
    document.getElementById('mot').innerHTML = files[nb];
    //incrément des compteurs
    files[nb].count++; 
    // tri de l'array
		files.sort(sortmots);
    //affichage du classement:
    var j=-1, chaine=[], tirages=0;
    while(files[++j]){
    			chaine.push(files[j][0] + " tiré "+files[j].count + "fois")
          tirages+= files[j].count;
       }
       document.getElementById('res').innerHTML = "Tirages : " + tirages + "<br/>"+chaine.join("<br/>");
    
}

$(function(){
$('#new').on('click',nouv_mot);
});