Comment puis-je enregistrer les variables de mon jeu Clicker avec un stockage local – HTML et CSS – Forums SitePoint

J’ai un jeu de clicker en HTML, CSS et JS. Je me demande comment enregistrer une variable qui a une valeur numérique, à la fin d’une session (ou pour continuer à écraser la variable dès que la valeur change), de sorte que si vous fermez l’onglet du jeu clicker, je puisse l’ouvrir et mes progrès seront toujours là. J’aimerais que le code soit le plus petit possible et facile à comprendre, donc les cookies ou localStorage seraient un bon début (je pense ?).
Très apprécié, Antoni

Eh bien, l’un ou l’autre fonctionne, donc votre premier choix sera celui que vous souhaitez utiliser

D’une manière générale, les deux sont des implémentations sur une seule ligne pour la lecture ou l’écriture ; si vous stockez plusieurs bits de données, localStorage est probablement un peu plus simple.

Si j’ai ces variables, comment puis-je utiliser localStorage pour cela,

window.onload = function() {
  loadGame();
  document.getElementById("showApples").innerText = apples;
  document.getElementById("showApplesPerSecond").innerText = applesPerSecond;
  document.getElementById("showApplesPerClick").innerText = applesPerClick;
  document.getElementById("showiPhoneCost").innerText = iPhoneCost;
  document.getElementById("showiPadCost").innerText = iPadCost;
  document.getElementById("showAirPodsCost").innerText = airPodsCost;
  document.getElementById("showPenCost").innerText = penCost;
  document.getElementById("showMacCost").innerText = macCost;
  document.getElementById("showiMacCost").innerText = iMacCost;
  document.getElementById("showAppleStoreCost").innerText = appleStoreCost;
  document.getElementById("showSteveJobsCost").innerText = steveJobsCost;
  document.getElementById("showiPhones").innerText = iPhones;
  document.getElementById("showiPads").innerText = iPads;
  document.getElementById("showAirPods").innerText = airPods;
  document.getElementById("showPens").innerText = pens;
  document.getElementById("showMacs").innerText = macs;
  document.getElementById("showiMacs").innerText = iMacs;
  document.getElementById("showAppleStores").innerText = appleStores;
  document.getElementById("showSteveJobs").innerText = steveJobs;

}

merci

c’est juste quelque chose que j’ai copié et collé, mais les variables m’appartiennent

les bases de localStorage :

Pour écrire:
localStorage.setItem(key,value)

Lire:
let varname = localStorage.getItem(key);

remarque : Vous pouvez également l’appeler window.localStorage; les navigateurs interpréteront localStorage vouloir dire window.localStorage sans avoir besoin de le taper.

Merci beaucoup, je cherche depuis des lustres et je n’arrive nulle part, sur aucun site Web et vous m’avez tellement aidé . Sauriez-vous comment les écraser, donc si je joue au jeu, je suis sur 150 clics, et je ferme ensuite l’onglet, je peux l’ouvrir plus tard et ma progression (avec mes clics étant de 150), sera sauvegardée et ouvert la prochaine fois que je les utiliserai ?

puis-je aussi mettre le nom de la variable dans let varname = localStorage.getItem(key); où (key) est?

où (key) est?

Je l’utilise légèrement différemment.

Initialisation et stockage de la clé :
localStorage.setItem(“thème”, “par défaut”)

Utilisation (pas besoin de variables IMO):
localStorage.thème

jsfiddle.net

Modifier le violon – JSFiddle – Code Playground

Testez votre JavaScript, CSS, HTML ou CoffeeScript en ligne avec l’éditeur de code JSFiddle.

Savez-vous comment écraser localStorage.setItem(key,value)

N’importe lequel setItem écrasera tout ce qui se trouve actuellement dans cette clé (et la créera si elle n’existe pas déjà)

to www.sitepoint.com

---

Abonnez-vous à notre page Facebook: https://www.facebook.com/mycamer.net
Pour recevoir l’actualité sur vos téléphones à partir de l’application Telegram cliquez ici: https://t.me/+KMdLTc0qS6ZkMGI0
Nous ecrire par Whatsapp : Whatsapp +44 7476844931

---