var Game = require('./models/game'),
    bowlingGame,
    bowlingBtn,
    onFinish,
    onBowl,
    onLoad;

// Create instance of bowling game
bowlingGame = new Game();

/**
 * Set up bowling game on document load
 * @method onLoad
 */
onLoad = function () {
    bowlingGame.init();
    bowlingBtn = document.getElementById('bowling-btn');
    bowlingBtn.addEventListener('click', onBowl, false);
};

/**
 * Roll a bowling pin
 * @method onBowl
 */
onBowl = function () {
    bowlingGame.roll();

    if (bowlingGame.isFinished()) {
        onFinish();
    }
};

/**
 * Complete the game
 * @method onFinish
 */
onFinish = function () {
    // Get rid of the "Bowl" button
    bowlingBtn.parentNode.removeChild(bowlingBtn);
    console.log('Finished with a score of ' + bowlingGame.getScore());
};

// Attach listener to DOM load event
document.addEventListener('DOMContentLoaded', onLoad);

@@ -30,16 +30,39 @@
 game'),%0A
+    gameRenderElement,%0A
     bowl
@@ -86,16 +86,32 @@
 ingBtn,%0A
+    renderGame,%0A
     onFi
@@ -203,16 +203,186 @@
 ame();%0A%0A
+/**%0A * Render the game state to the appropriate element%0A * @method renderGame%0A */%0ArenderGame = function () %7B%0A    gameRenderElement.innerHTML = bowlingGame.getHTML();%0A%7D;%0A%0A
 /**%0A * S
@@ -482,24 +482,81 @@
 ame.init();%0A
+    gameRenderElement = document.getElementById('game');%0A
     bowlingB
@@ -755,16 +755,34 @@
 .roll();
+%0A    renderGame();
 %0A%0A    if

Add rendering of game to DOM