two way databinding example implementation

dataBind.js

/**
 * two way data binding
 */

// create root scope

window.$rootScope = {};


function twoWayBind(el){
  var name = el.id;
  
  $rootScope[name] = null;
  
  // watch object scope for changes
  
  $rootScope.__defineSetter__(name, function(e){
    this['_' + name] = e;
    // TODO add interpolation
    el.innerHTML = e;
  });

  $rootScope.__defineGetter__(name, function(e){
    return this['_' + name];
  });

  // watch bound el for changes

  el.addEventListener('change', function(e){
    $rootScope['_' + name] = e.srcElement.value;
    console.log($mainScope);
  });
}