box thing

gistfile1.txt

$(document).ready(function() {
  // create new grid object based on size[[x,x], [x,x]]
  var grid = new Grid(5).init();
  // set top left (first element of first array) to be full
  grid[0][0].value = 1;
  // build the dom
  grid.forEach(function(row, i) {
    $("#grid").append("<div class='row row-" + i + "'></div>");
    row.forEach(function(spot){
      if (spot.value === 1) {
        $(".row-" + i).append("<div class='spot full'></div>")  
      } else {
        $(".row-" + i).append("<div class='spot'></div>")  
      }
    });
  });
});

function Grid (size) {
  this.init = function() {
    var grid = [];
    for (var i = 0; i < size; i++) {
      var row = [];
      for (var x = 0; x < size; x++) {
        row.push(new Box());
      }
      grid.push(row);
    };
    return grid;
  }
}

function Box(value) {
  this.value = value
}