JSFiddle - React, Tailwind, and code Playground

by acdcjunior

HTML

<button id="yo">CLICK ME!</button>
<button id="rOne">REMOVE "one"</button><button id="rTwo">REMOVE "two"</button>
<div id="output"></div>

JavaScript

$("#yo").on("click.ONE", function () {
    $("#output").append("one!<br>");
});
$("#yo").on("click.TWO", function () {
    $("#output").append("two!<br>");
});
$("#yo").click(function () {
    $("#output").append("three!!<hr>");
});

$("#rOne").click(function () {
    $("#yo").off("click.ONE");
    $("#output").append("one removed!<br>");
});
$("#rTwo").click(function () {
    $("#yo").off("click.TWO");
    $("#output").append("two removed!<br>");
});