JSFiddle - React, Tailwind, and code Playground
HTML
<button id="myButton">
Button 1
</button>
<button id="myButton2">
Button 2
</button>
<button id="myButton3">
Button 3
</button>
JavaScript
var myFunctions = {
myButton: function(o){ alert("Button 1 pressed! (" + o +")"); },
myButton2: function(o){ alert("Button 2 pressed! (" + o +")"); },
myButton3: function(o){ alert("Button 3 pressed! (" + o +")"); }
}
function runBinds(binds){
for(bind in binds){
var myButton = document.getElementById(bind),
myCall = (function(bindInner){
return function(){binds[bindInner]("Appended info");}
})(bind);
myButton.addEventListener('click',myCall,false);
}
}
runBinds(myFunctions);