JSFiddle - React, Tailwind, and code Playground

by Fu-Ching Hsiao

HTML

<div id="click" class="click">Click Me</div>
<div>Clicks: <span id="clickCount">0</span></div>

<br/>

<div id="click2" class="click">Click Me Too</div>
<div>Clicks: <span id="clickCount2">0</span></div>

<br/>

<div id="last">Last element clicked: <span></span></div>

CSS

.click{
    color: red;
}

#last span{
    font-weight: bold;
}

JavaScript

var clickCallbacks = $.Callbacks();

clickCallbacks.add(function() {
    var c = parseInt(this.text(), 10);
    this.text(c + 1);
});
clickCallbacks.add(function(id) {
    $('span', '#last').text(id);
});

$('.click').click(function() {
    var $ele = $(this).next('div').find('[id^="clickCount"]');
    clickCallbacks.fireWith($ele, [this.id]);
});