ooJsRefactor1

$(document).ready(function() {

  // Die model

  var Die = function(id) {
    this.value = Math.floor((Math.random()*6)+1);
    this.id = id;
  }

  Die.prototype.roll = function() {
    this.value = Math.floor((Math.random()*6)+1);
  }

  // Dice game controller

  var DiceController = function() {
    this.view = new View();
    this.dieId = 0;
    this.dice = [];
    this.view.$add.on('click', this.addDie.bind(this));
    this.view.$roll.on('click', this.rollDice.bind(this));
  }

  DiceController.prototype.addDie = function() {
    this.dieId++;
    var newDie = new Die(this.dieId);
    this.dice.push(newDie);
    this.view.append(newDie);
  }

  DiceController.prototype.rollDice = function() {
    for (var i = 0; i < this.dice.length; i++) {
      var currentDie = this.dice[i];
      currentDie.roll();
      this.view.updateDieValue(currentDie);
    }
  }

  // View

  var View = function() {
    this.$add = $('#roller button.add');
    this.$roll = $('#roller button.roll');
    this.$dice = $('.dice');
  }

  View.prototype.append = function(die) {
    this.$dice.append('<div class="die" id="' + die.id +'">' + die.value + '</div>');
  }

  View.prototype.updateDieValue = function(die) {
    this.$dice.find('#' + die.id)[0].innerHTML = die.value;
  }

  var game = new DiceController();

  // $('#roller button.add').on('click', function() {
  //   console.log("WAT")
  //   $('.dice').append('<div class="die">0</div>');
  // });

  // $('#roller button.roll').on('click', function() {
  //   $('.die').each(function(k, die) {
  //     var value = Math.floor((Math.random()*6)+1);
  //     $(die).text(value);
  //   });
  // });
});