JSFiddle - React, Tailwind, and code Playground

by HYEONGJINKIM

HTML

<button id='button'>click</button>
<div></div>

JavaScript

var model = new function () {
    var serviceBase = 'http://jsfiddle.net/echo/jsonp/',
        getAccount = function(acctNumber) {
            return $.getJSON(serviceBase + 'account', 
            { acctNumber: acctNumber });
        },
 
        getInfo = function(data) {            
            var htData = data || {
                text: 'some text',
                par1: 'another text'
            };
            
            return $.ajax({
                type: "get",
                url: serviceBase,
                data: htData,                
                dataType: "jsonp"
            });
        };
 
    return {
        getAccount: getAccount,
        getInfo: getInfo        
    }; 
}();

var view = new function (){
    var el = $("div");
    var render = function(msg){
        el.empty().append(msg.text);
    };

    return {
        render: render
    }
}();

var presenter = new function (){
    var _init = function(){
        _initEvents();
    };
    
    var _initEvents = function(){
        $("#button").on("click",function(){
            model.getInfo({text: 'change text'}).done(view.render);
            /*model.getInfo({text: 'change text'}).done(function(msg){
                view.render(msg);
            });*/
        });
    };
    
    return {
        init: _init,        
    }    
}();


$(document).ready(function() {
    presenter.init();
});