In this task, we will control the ingredients' amounts and refill. We will also introduce a currency.
In these steps, we will polish the game with a cash mechanism:
We store the cash value in the
data.jsfile:game.cash = 1000;
In the
view.jsfile, we define a corresponding refresh method:var cashNode = document.getElementById('status-bar'); game.view.refreshCash = function(){ cashNode.textContent = '$' + game.cash; }We ensure that the cash DOM node shows the cash correctly by refreshing it when the game starts:
game.view.refreshCash();
In the
data.jsfile, we define how many pieces of each ingredient need to be set up. Initially, the number is set to 10:game.amount = []; game.amount['rice'] = 10; game.amount['octopus'] = 10; game.amount['salmon'] = 10; game.amount['salmon-roe'] = 10; game.amount['seaweed'] = 10; game.amount['egg'] = 10;
We add a method to increase the amount of total ingredients:
game.increaseAmount = function() { for(var key in game...