Time for action – saving the time alongside the score
Carry out the following steps:
- First, open the
index.htmlfile from our CSS3 card matching game.
- Replace the HTML markup with the last score, with the following HTML (it shows both scores and the date time in the game over popup):
<p> <small>Last Score: <span class='last-score'>0</span><br> Saved on: <span class='saved-time'></span> </small> </p>
- The HTML markup is now ready. We will move on to the game logic. Open the
html5games.matchgame.jsfile in a text editor.
- We will modify the
gameoverfunction. Add the following highlighted code to the
gameoverfunction. It gets the current date and time when the game ends and packs a formatted date and time with elapsed time together in the local storage: ...