JSFiddle - React, Tailwind, and code Playground

by Eric Hynds

JavaScript

/**
 * model
 */
var Model = (function(){
    
    function get(){
        // get data from the db
    }
    
    return {
        get: function( slide ){
            return get(slide); 
        }  
    }
})();


/**
 * view
 */
var View = (function(){
    var current_slide = 1,
        container'
    
    function forward(){
        go(1);
    }
    
    function reverse(){
        go(-1);
    }
    
    return function( selector ){
        container = $(selector);
        
        return {
            forward: forward,
            reverse: reverse
        }
})();



/**
 * controller
 */

var Controller = (function() {

    return function( view ) {
        $(document).keypress(function)() {
            if( event.key === "right arrow" ){
                view.forward();
            } else {
                view.reverse();
            }
        })
    }
})();