JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p id="addButton">add button</p>
    <ul id="buttonList">
    </ul>
</div>

JavaScript

var i = 0;
$('#addButton').on('click', function()
{
                       
  $('<li><button class="itemButton">'+ 'username' + i + '</button>').appendTo('#buttonList')
      //.button()
      .find('.itemButton')
      .data('type', 'userType'+i)
      .click(function(e) { alert($(this).data('type')); 
                         })
      //.append('<button>Edit</button></li>')
  ;
  i++;
                       
});