JSFiddle - React, Tailwind, and code Playground

by Ilmv

HTML

<p>
    <a href="#" data-method="screen" data-action="incr">incr</a>
    <a href="#" data-method="screen" data-action="decr">decr</a>
    <span class="screen"></span>
</p>
<p>
    <a href="#" data-method="block_button" data-action="incr">incr</a>
    <a href="#" data-method="block_button" data-action="decr">decr</a>
    <span class="block_button"></span>
</p>

JavaScript

var block_count = [];
block_count["a"] = "b";

console.debug(block_count["a"]);
$('a').click(function(event) {

    var $self = $(this);

    if (block_count[$self.data('method')] === undefined) {
        block_count[$self.data('method')] = 0;
    }
    
    if ($self.data('action') === 'incr') {
        block_count[$self.data('method')] += 1
            } else {
        block_count[$self.data('method')] -= 1
                
            }

    console.debug(block_count[$self.data('method')]);

});