JSFiddle - React, Tailwind, and code Playground

HTML

<div id="maFen" align="center";>       
        
         <input name="monBouton" id="monBouton" type="button" onClick="$();"value="Afficher Mot" />
       
       </div>

JavaScript

$(document).ready(function() { 
$('#monBouton').one('click', function () {
mafct();
//$(monBouton).attr("disabled", "disabled");
});
});


function mafct(){

for (j = 1; j<6;j++) {
$('#maFen').append('<span id = "monMot'+j+'" class="clickable" >' +"Mot" +'</span>');
$("#monMot"+j).css({"background-color": "#C0C0C0"});

}    
};