JSFiddle - React, Tailwind, and code Playground

HTML

<button class="hobbies">hobbies</button>
<button class="sledding">sledding</button>
<button class="personal">personal</button>
<button class="food">food</button>

JavaScript

var GLOBAL_CATEGORIES = ['hobbies', 'sledding'];

$(window).load(function() {	
    var categories = ['personal', 'food'];
    
    // local categories
    for (var i = 0; i < categories.length; i++) {
        $('.' + categories[i]).click(function() {
            alert(categories[i]);
  			return false;
        });
    }
    
    // Global categories
    for (var i = 0; i < GLOBAL_CATEGORIES.length; i++) {
        $('.' + GLOBAL_CATEGORIES[i]).click(function() {
            alert(GLOBAL_CATEGORIES[i]);
  			return false;
        });
    }
});