JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ListeMot" >
<input name="Action" id="Action" type="button" onClick="$();"value="Action" /><br>
</div>
<div id="ListeMot2" ></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>'
          
        );
     
        $( ".clickable" ).clone().attr('id', "MonID" ).appendTo("#ListeMot2");
        $( ".clickable" ).one( "click", function( ev ){
          alert( this.id ); 
    		});
        
 			});
 
    $( window ).on( "load", function( ev ){
 
    });