EDA Portfolio Challenge 6 - JS Refactor

application.js

$(document).ready(function () {
  
  DiceController = {
    dice: [],
    $diceContainer: $('.dice'),

    addDie: function () {
      die = new Die ();
      this.dice.push(die);
      this.$diceContainer.append(die.rootNode());
    },

    rollDice: function () {
      $.map(this.dice, function (die) { die.roll() });
    }
  }

  $('.add').on('click', $.proxy(DiceController.addDie, DiceController));
  $('.roll').on('click', $.proxy(DiceController.rollDice, DiceController));
  
  function Die () {
    this.view = new DieView();

    this.updateFace(0);
  };

  Die.prototype.roll = function() {
    roll_value = randomRangeInt(1, 6);
    this.view.updateFace(roll_value);
  };

  Die.prototype.rootNode = function () {
    return this.view.$face;
  };

  function DieView () {
    this.$face = $('<div class="die"></div>');
  }

  DieView.prototype.updateFace = function(value) {
    this.$face.text(value);
  };

  function randomRangeInt(min, max) {
    return min + Math.round(Math.random() * (max - min));
  }
});