JSFiddle - React, Tailwind, and code Playground

HTML

<p id="buttons"> <a href="javascript:void(0);" class="myButton">Button</a>
    <br> <a href="javascript:void(0);" class="myButton">Button</a>
    <br>
</p> <a href="javascript:void(0);" id="addMoreButtons">Add a Button</a>

JavaScript

$.fn.myPlugin = function () {
    $(document).on("click", this.selector, function (event) {
        event.preventDefault();
        alert("document(myButton) has been clicked");
    });
}

$(document).ready(function (event) {

    $(".myButton").myPlugin();

    $("#addMoreButtons").click(function (event) {
        event.preventDefault();
        $("<a/>").attr({
            "href": "javascript:void(0);",
                "class": "myButton"
        }).text("Button").appendTo("#buttons");
        $("#buttons").append("<br>");
    });
});