JSFiddle - React, Tailwind, and code Playground
HTML
<div class="js-box">This is here</div>
CSS
*{margin:0px;padding:0;}
.js-box{
width:100px;
height:20px;
border:1px solid red;
}
JavaScript
//http://stackoverflow.com/questions/5999998/how-can-i-check-if-a-javascript-variable-is-function-type
function isFunction(functionToCheck) {
var getType = {};
return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
}
function executeAll(ns){
if(ns){
for (property in ns) {
if (ns.hasOwnProperty(property)) {
var p = ns[property];
if (p != null && isFunction(p)) {
p();
}
}
}
}
}
var myApp = {
e : $('.js-box'),
addStyle : function(){
myApp.e.css('height','200');
},
warn : function(){
alert('WOOOOOoooOO');
}
};
executeAll(myApp)