document.addEventListener("DOMContentLoaded", function() {
  clock.init();  
});

var clock = {
  el: document.querySelectorAll('[type=clock]')[0],
  init: function(){
    var c = this;
    this.previousTimeStr = "";
    this.timer = window.setInterval( function(){ c.setClockTime() }, 1000);
  },
  setClockTime: function(){
    var c = this,
        d = new Date(),
        h = d.getHours(),
        m = d.getMinutes();

    if ( h.toString().length == 1 ) h = '0' + h;
    if ( m.toString().length == 1 ) m = '0' + m;

    var currentTimeStr = h + ':' + m;

    if( currentTimeStr !== c.previousTimeStr){
      console.log('Setting clock.value to ' + currentTimeStr + '.');
      c.el.setAttribute('value', currentTimeStr);
      c.previousTimeStr = currentTimeStr;
    }
    
  }


}