Easy variable with DOM binding

by Maciej Sikora

HTML

<div id="value_display">100</div>

JavaScript

var ViewModel=function(selector){
   
    this.dom=document.querySelector(selector);//here DOM element
    this.value=null;
};

ViewModel.prototype.set=function(value){

    if (value===this.value)
    return;//the same value
    
    this.value=value;//new value
    
    
    this.dom.innerText=this.value;
   
};

ViewModel.prototype.get=function(){

   return this.value;
};

//usage
var x=new ViewModel("#value_display");
x.set(200);
//change in interval:
setInterval(function(){ x.set(new Date().getTime() ); },1000);