diff --git a/src/alfagok/static/game.js b/src/alfagok/static/game.js index a95236a..8dab7f6 100644 --- a/src/alfagok/static/game.js +++ b/src/alfagok/static/game.js @@ -2,6 +2,7 @@ document.addEventListener('alpine:init', () => { Alpine.store('alfagok', { // isLocalStorageAvailable: this.testLocalStorage(), isLocalStorageAvailable: false, + savedGameKey: 'saveGame', /* Main alfagok application, state etc */ gameID: 0, @@ -114,15 +115,21 @@ document.addEventListener('alpine:init', () => { }, // # Local Storage Persistence storeGameState() { + localStorage.setItem(this.savedGameKey, JSON.stringify({ + startTime, + winTime, + gaveUpTime, + guessesBefore, + })); }, getStoredGameState() { if (!this.isLocalStorageAvailable) return undefined; - const savedGameJson = localStorage.getItem('saveGame'); + const savedGameJson = localStorage.getItem(this.savedGameKey); try { return savedGameJson && JSON.parse(savedGameJson); } catch (e) { - localStorage.removeItem('saveGame'); + localStorage.removeItem(this.savedGameKey); } return undefined; }, @@ -164,7 +171,7 @@ document.addEventListener('alpine:init', () => { } }, resetSavedGames() { - localStorage.removeItem('saveGame'); + localStorage.removeItem(this.savedGameKey); }, testLocalStorage() { // stolen from https://stackoverflow.com/questions/16427636/check-if-localstorage-is-available @@ -178,6 +185,7 @@ document.addEventListener('alpine:init', () => { } console.log('Local storage is available? ' + this.isLocalStorageAvailable); }, + // # Countdown timer getFormattedTime(milliseconds) { if (!Number.isInteger(milliseconds)) { return ''; @@ -215,7 +223,7 @@ document.addEventListener('alpine:init', () => { let secondsRemain = Math.floor(diff%60); nextgame.innerHTML = ''+addZero(hoursRemain)+':'+addZero(minutesRemain)+':'+addZero(secondsRemain)+' over'; } - }), + }) Alpine.store('darkMode', { /* Different Alpine app, dark mode settings for the game */ diff --git a/src/alfagok/templates/index.html b/src/alfagok/templates/index.html index f06205f..5fc3501 100644 --- a/src/alfagok/templates/index.html +++ b/src/alfagok/templates/index.html @@ -11,13 +11,14 @@ +
- alfagok puzzel # • | gokken + alfagok puzzel # • | • gokken

Raad het woord van de dag. Elke gok geeft een hint over waar het woord zich in het alfabet bevindt.