JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div class="myElement" id="test">
      
  </div>
</body>

JavaScript

var table = document.createElement('table');
for (var i = 1; i < 4; i++){
    var tr = document.createElement('tr');
  
    var td1 = document.createElement('td');
  
    var text1 = document.createTextNode('Text1');
  
    var btn = document.createElement("BUTTON");
    btn.className ="clickable";
    var t = document.createTextNode("CLICK ME");       
    btn.appendChild(t);  
  
    td1.appendChild(btn);
    td1.appendChild(text1);
    tr.appendChild(td1);
    table.appendChild(tr);  
}
    
$('.clickable').click(function(){
   alert('You clicked me');
    console.log("You clicked meg");
    });

  var tooltipSpan = document.createElement('span');
  tooltipSpan.appendChild(table);
  var innerHtml = $('<div id="canvas.id"></div>');
  innerHtml.append(tooltipSpan);
  $("#test").append(innerHtml);