MVC в JavaScript

function coordinatesPoint(e){
    e = window.event;
    var mapField = document.getElementById( 'mapField' );
    console.log("mouse location:", e.clientX, e.clientY);
}
mapField.addEventListener( "click", coordinatesPoint );

/* -------------------------------- begin view -------------------------------------------- */
 
var view = {    
 
    getWimdow: function(){
        e = window.event;
    },
    getFielfMap: function( e ){     
        var mapField = document.getElementById( 'mapField' );
        console.log("mouse location:", e.clientX, e.clientY);
    },
 
    getPositionPoint: function(){
        mapField.addEventListener( "click", coordinatesPoint );
    }
    
 
};
 
/* -------------------------------- end view -------------------------------------------- */
 
 
/* ------------------------------- begin model ------------------------------------------ */
 
var model = {
 
    
    
};
 
/* ------------------------------- end model ------------------------------------------ */
 
 
/* --------------------------- begin controller ---------------------------------------- */
 
var controller = {
 
    getCoordinatesPoint: function(){
        view.getWimdow();
        view.getFielfMap();
        view.getPositionPoint();
    }
    
 
};
 
/* ---------------------------- end controller ----------------------------------------- */
 
 
/* -------------------- anonymous initialize function------------------------------------ */
 
( function(){
 
    var start = {
 
        init: function(){
            this.main();
            this.control();
            this.event();
        },
 
        main: function(){
            //options
        },
 
        control: function(){
            controller.getCoordinatesPoint();
        },
 
        event: function(){
            // event handler (such as onclick)
        }
    };
 
    start.init();
 
} )();
/* -------------------- anonymous initialize function------------------------------------ */

/* -------------------------------- begin view -------------------------------------------- */
 
var view = {    
 
    getFielfMap: function( pointX, pointY ){    
        
        var mapField = document.getElementById( 'mapField' ),
            inputX = document.getElementById( 'coordinates_x' ),
            inputY = document.getElementById( 'coordinates_y' );
 
            inputX.value = pointX;
            inputY.value = pointY;
 
    }   
 
};
 
/* -------------------------------- end view -------------------------------------------- */
 
 
/* ------------------------------- begin model ------------------------------------------ */
 
var model = {
 
    pointPosX: 0,
    pointPosY: 0,
 
    getPositionPointX: function(){
        var e = window.event;
        this.pointPosX = e.clientX; 
        return this.pointPosX;
    },
    getPositionPointY: function(){
        var e = window.event;
        this.pointPosY = e.clientY;
        return this.pointPosY;
    }
    
};
 
/* ------------------------------- end model ------------------------------------------ */
 
 
/* --------------------------- begin controller ---------------------------------------- */
 
var controller = {
 
    getCoordinatesPoint: function(){
        var pointX = model.getPositionPointX(),
            pointY = model.getPositionPointY();
 
        view.getFielfMap( pointX, pointY );
    }
    
 
};
 
/* ---------------------------- end controller ----------------------------------------- */
 
 
/* -------------------- anonymous initialize function------------------------------------ */
 
( function(){
 
    var start = {
 
        init: function(){
            this.main();
            this.control();
            this.event();
        },
 
        main: function(){
            //options
        },
 
        control: function(){
            
        },
 
        event: function(){
            mapField.onclick = function(){
                controller.getCoordinatesPoint();
            }
        }
    };
 
    start.init();
 
} )();
/* -------------------- anonymous initialize function------------------------------------ */

var view = {    
 
    getFielfMap: function( pointX, pointY ){    
        
        var mapField = document.getElementById( 'mapField' ),
            inputX = document.getElementById( 'coordinates_x' ),
            inputY = document.getElementById( 'coordinates_y' );
 
            inputX.value = pointX;
            inputY.value = pointY;
 
    }   
 
};

/* -------------------------------- app -------------------------------------------- */
function App()
{
    this.point = null;
}
 
App.prototype.setPoint = function(point)
{
    this.point = point;
}
 
 
/* -------------------------------- model -------------------------------------------- */
function Point(x, y)
{
    this.x = x;
    this.y = y;
}
 
/* -------------------------------- controller -------------------------------------------- */
function Controller()
{ 
    this.app = new App();
    this.someView = new View(this);
}
 
Controller.prototype.createCoordinatesPoint = function(point)
{
    this.app.setPoint(point);
    this.someView.logData("mouse location: " + point.x + " " + point.y);
}
 
/* -------------------------------- view -------------------------------------------- */
function View(controller)
{
    this.controller = controller;
}
 
//ф-ции вызываемые пользователем
View.prototype.createCoordinatesPoint = function(e){
    //e = window.event;                                                      //зачем????
    var mapField = document.getElementById( 'mapField' );  
    var point = new Point(e.clientX, e.clientY);
    this.controller.createCoordinatesPoint(point);
}
 
//ф-ции вызываемые из контроллера
View.prototype.logData= function(data)
{
    console.log(data);
}