'Saving scores to local storage
I'm implementing a dice game, which will store the results of the 2 players. I'm having an issue saving the scores, when I console.log I get the new scores only. What is the issue here?
window.onload = (event) => {
throw_dice();
};
var scores = { player1: 0, player2: 0 };
function throw_dice() {
let x = Math.floor(Math.random() * 6) + 1;
let img1 = document.getElementById("img1");
let y = Math.floor(Math.random() * 6) + 1;
let img2 = document.getElementById("img2");
img1.src = "./images/dice" + x + ".png";
img2.src = "./images/dice" + y + ".png";
if (x > y) {
document.getElementById("title").innerHTML = "PLAYER 1 WINS";
scores.player1 = scores.player1 + 1;
} else if (x == y) {
document.getElementById("title").innerHTML = "DRAW";
} else {
document.getElementById("title").innerHTML = "PLAYER 2 WINS";
scores.player2 = scores.player2 + 1;
}
saveScores();
getScores();
}
function saveScores() {
localStorage.setItem("score", JSON.stringify(scores));
}
function getScores() {
var x = localStorage.getItem('score');
console.log('x', JSON.parse(x));
}
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
