The next class is for what we'll call the InfoView
class. This will have both the time counter and the current score. We'll start with the template. Add this to the index.ejs
file in the views
directory: we're creating two <span>
elements: one for the time and another for the points. Here's the code of the template:
<script type='text/template' id='info'> <span class='timer'> 00:00 </span> <span class='points'> 0 points </span> </script>
Now, before we write the view class, we need to add a few more methods to our Game
collection class. The guess
method that we wrote earlier keeps track of the player's score. We also want a Game
instance to track the time. The counter will be inside the game instance, but the InfoView
class will have to actually show the time. This is the start
method:
start: function (callback) { this.callback = callback; this.loop(); }, loop: function () { this.seconds++; this.callback(this.time...