Cada vez que refresco la pagina pierdo los datos del localStorage, entiendo por el codigo que los almacena pero no se porque los pierde, ayuda, muchas gracias.
const ganarJuego = () =>{
if(contadorC.length==2){
alert("Ganaste en " + cronometro + " secs");
document.getElementById("cronometro").innerHTML = "";
let name = prompt("Introduce tu nombre");
arrayGanadores.push({
nombre: name,
tiempo: cronometro
});
inicial = JSON.stringify(arrayGanadores);
localStorage.setItem("aG", inicial);
let listaG = JSON.parse(localStorage.getItem("aG"));
document.getElementById("listaGanadores").innerHTML = mostrarGanadores(listaG);
clearInterval(segundo);
cronometro=0;
cronometroClick = true;
}
}
const mostrarGanadores = (listaG) =>{
let lista="";
for(let i=0; i<listaG.length; i++){
lista += `${listaG[i].nombre}: ${listaG[i].tiempo} segundos<br>`
}
return lista;
}
arrayGanadores
?localStorage
. Lo que ocurre es que se inserta directamente el valor generado por las instrucciones escritas en la función antes de recuperarse. Primero, se debe comprobar, luego recuperar y parsear a JSON, actualizarlo cuando sea necesario y recuperarlo nuevamente cuando se necesite.localStorage
el métodogetItrm
antes quesetItem
y luego verificar si existe para enviar los datos obtenidos, si los hay al array antes de actualizarlo para posteriormente enviarlo alocalStorage
cuando necesites actualizarlo.