JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ListeMot" >
<input name="Action" id="Action" type="button" onClick="$();"value="Action" /><br>
</div>

JavaScript

let jObjListeMot = $( "#ListeMot" );
 
      $( "#Action" ).one( "click", function( ev ){
        jObjListeMot.append(
          '<span id = "MyWord1" class="clickable">Mot1 </span>',
          '<span id = "MyWord2" class="clickable">Mot2 </span>',
          '<span id = "MyWord3" class="clickable">Mot3 </span>',
          '<span id = "MyWord4" class="clickable">Mot4 </span>',
          '<span id = "MyWord5" class="clickable">Mot5 </span>',
          '<span id = "MyWord6" class="clickable">Mot6 </span>'
          
        );
 
        jObjListeMot.on( "click", ".clickable", function( ev ){ 
          alert( this.id );
        });
    
        $('.clickable').clone().insertAfter("#ListeMot");
        
      });
 
 
    $( window ).on( "load", function( ev ){
 
    });