Нужна помощь в вызове и запуске свойства сложного объекта с использованием MVC

Question

Мне сказали передать мой код в MVC, и я столкнулся с проблемой при этом.

Мне нужно, чтобы это было сделано так, как показано ниже:

var model = {
    demo: document.getElementById('demo'),
    colour: document.getElementsByTagName('li').item(0),
    size: document.getElementsByTagName('li').item(1),
    visible: document.getElementsByTagName('li').item(2),
    position: document.getElementsByTagName('li').item(3),
    swap: document.getElementsByTagName('li').item(4),
    report: document.getElementsByTagName('li').item(5)
};

var demoOn = model.demo.onmouseover;
var demoOff = model.demo.onmouseout;

var view = {
    col: {newCol: model.demo.style.backgroundColor = 'rebeccapurple', oldCol: model.demo.style.backgroundColor = 'darkcyan'},
    siz: {newSiz: model.demo.style.width = '600px', oldSiz: model.demo.style.width = '400px'},
    vis: {newVis: model.demo.style.opacity = '0', oldVis: model.demo.style.opacity = '1'},
    pos: {newPos: model.demo.style.margin = '0 0 0 200px', oldPos: model.demo.style.margin = '0'}
};

var controller = {
    changeCol: function() {
        demoOn = function () {
            return view.col.newCol;
        }
    }
};
controller.changeCol();

https://jsfiddle.net/meys5x6n/

Я ожидаю, что это изменит цвет фона моей демонстрационной версии div, как только цвет элементасобственность была завален, но ничего не происходит вообще.