JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <button id="x">Show</button>
</div>

JavaScript

function magick() {
    console.log('some special magick');
}

function createButton(itsHandler) {
    var guts = '<button id="__internal" onclick="' 
        + itsHandler +    // <-- that's wrong
        '">Test</button>';
    $($.trim(guts)).appendTo('body');
}

$(document).ready(function () {
    $("#x").bind("click", function() { 
            createButton(magick);
     });
    
    $("body").on("click", "#__internal", function(){
        alert('some special magick');
    });
});