JSFiddle - React, Tailwind, and code Playground
HTML
<span data-function="alert" >Alert</span><br/>
<span data-function="notexists" >Not Exists</span><br/>
<span data-function="changeName" >Change Name</span><br/>
JavaScript
var myfuncs = {
alert : function() {
alert("An Alert");
},
changeName: function(obj) {
$(obj).text('Other Text');
}
};
$('[data-function]').on('click', function()
{
value = $(this).data('function');
if (myfuncs.hasOwnProperty(value)) {
myfuncs[value](this);
}
});