I got this little dice game and i display roll attempts at each game session but i also want to display "record score", which will be in local storage. how could i make that?
const [score, setScore] = useState(0)
function updateScore() {
setScore(prevScore => {
return prevScore + 1
})
}
<Button rollDice={rollDice}>{tenzies ? "New Game" : "Roll"}</Button>
<div>Roll attempts: {score} </div>
<div>Record: {score} </div>
function rollDice() {
if (!tenzies) {
updateScore()
setDice(prevDice => {
return prevDice.map(dice => {
return dice.isSaved
? dice
: generateDice()
})
})
} else {
setTenzies(false)
setDice(allNewDice())
setScore(0)
}
}