JSFiddle - React, Tailwind, and code Playground

by andreortigao

HTML

<ul id="list">
    <li data-id="g">First</li>
    <li data-id="l">Second</li>
    <li data-id="t">Third</li>
</ul>
<div id="result"></div>

JavaScript

(function($){
    $.fn.disableSelection = function() {
        return this
                 .attr('unselectable', 'on')
                 .css('user-select', 'none');
    };
})(jQuery);

$(function(){
    $('li').disableSelection().click(function(){
        load($(this).data('id'));
    });
    
    
    var load = (function(){
        var page = [];
        return function(item) {
                page[item] = page[item] || 0;
                page[item]++;
                $("#result").text(
                    "Item: " 
                    + item
                    + " - " 
                    + page[item]
                );
        };
    })();
});