JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

$(document).ready(function(){
 
 $("#Action").one('click', function () {
 $('#ListeMot').append('<span id = "MyWord1" class="clickable"  >Mot1 </span>'); 
 $('#ListeMot').append('<span id = "MyWord2" class="clickable"  >Mot2 </span>');
 $('#ListeMot').append('<span id = "MyWord3" class="clickable"  >Mot3 </span>');
 $('#ListeMot').append('<span id = "MyWord4" class="clickable"  >Mot4 </span>');
 $('#ListeMot').append('<span id = "MyWord5" class="clickable"  >Mot5 </span>');
 $('#ListeMot').append('<span id = "MyWord6" class="clickable"  >Mot6 </span>');
 });
 
 $("#MyWord1").click(function() { 
 
 alert("ok");
 //alert($(this).id)
  });
  
  $(".clickable").click(function() { 
 
 alert("ok");
 //alert($(this).id)
  });
  
 });