Estoy tratando de guardar el puntaje de un juego en el almacenamiento local y luego acceder a él para mostrar el puntaje guardado en mi página. Estoy intentando esto.
const savedScores = []; function saveRecord() { localStorage.setItem('scores', JSON.stringify(timeTaken)); savedScores.unshift(JSON.parse(localStorage.getItem('scores'))); } function veiwRecord() { setBtnPopup((oldPopup) => !oldPopup); console.log(savedScores); return savedScores; }y luego tratando de mostrarlo así
const scoreEl = savedSscores.map((score) => { return <p> {score} </p>; });Puede almacenar matrices y otros tipos de objetos en localStorage usando "JSON.stringify", ya que las cadenas son los únicos tipos de datos que acepta localStorage.
var names = []; names[0] = prompt("New member name?"); localStorage.setItem("names", JSON.stringify(names)); //... var storedNames = JSON.parse(localStorage.getItem("names"));Luego puede recuperar datos almacenados con JSON.parse para que pueda usar su matriz, objeto, etc.
Todos localStorage están en formato de cadena, debe analizar la matriz de cadenas en una matriz.
function veiwRecord() { setBtnPopup((oldPopup) => !oldPopup); savedScores = JSON.parse(localStorage.getItem("scores")); console.log(savedScores); return savedScores; }También debe obtener el artículo de localStorage en su método veiwRecord.
function set(){ var sendJSON = JSON.stringify(timeTaken); localStorage.setItem('timeTaken',sendJSON) } function get(){ var getJSON = localStorage.getItem('timeTaken'); if (getJSON){ timeTaken = JSON.parse(getJSON) } }