I need help with JS

[BluebayStudios]

I have the score saving, but I need the upgrades from the “shop” to save when you exit the tab.
https://replit.com/@BluebayStudios/Ples-nerd#script.js

let nerd = localStorage.getItem("nerd") ? parseFloat(localStorage.getItem("nerd")) : 0;
const scoreElement = document.getElementById("score");
const nerdImage = document.getElementById("nerd-image");

updateScore();

nerdImage.addEventListener("click", increaseScore);

function increaseScore() {
  nerd++;
  updateScore();
}

function buyItem(price) {
  if (nerd >= price) {
    nerd -= price;
    updateScore();
    localStorage.setItem("nerd", nerd);
    if (price === 50) {
      setInterval(() => {
        nerd += 0.5;
        updateScore();
        localStorage.setItem("nerd", nerd);
      }, 1000); 
    }
   
  } else {
    alert("You don't have enough nerd to buy this item!");
  }
}

function updateScore() {
  scoreElement.textContent = `nerd: ${nerd}`;
}

[Sky]

What do you mean exactly?

[BluebayStudios]

If you go to ples-nerd.Bluebaystudios.repl.co, when you refresh the page, your points will save, but the upgrades you buy will not.

[Sky]

I just made some changes to the code, this should fix your issue:

let nerd = localStorage.getItem("nerd") ? parseFloat(localStorage.getItem("nerd")) : 0;
let hasUpgrade = localStorage.getItem("hasUpgrade") === "true" || false;
const scoreElement = document.getElementById("score");
const nerdImage = document.getElementById("nerd-image");

updateScore();

nerdImage.addEventListener("click", increaseScore);

if (hasUpgrade) {
  startUpgradeInterval();
}

function startUpgradeInterval() {
  setInterval(() => {
    nerd += 0.5;
    updateScore();
    localStorage.setItem("nerd", nerd);
  }, 1000);
}

function increaseScore() {
  nerd++;
  updateScore();
  localStorage.setItem("nerd", nerd);
}

function buyItem(price) {
  if (nerd >= price) {
    nerd -= price;
    updateScore();
    localStorage.setItem("nerd", nerd);
    if (price === 50) {
      startUpgradeInterval();
      hasUpgrade = true;
      localStorage.setItem("hasUpgrade", "true");
    }
  } else {
    alert("You don't have enough nerd to buy this item!");
  }
}

function updateScore() {
  scoreElement.textContent = `nerd: ${nerd}`;
}

[BluebayStudios]

Thank you! This works great.

[BluebayStudios]

One question, when you buy multiple upgrades, only one saves. Is there a solution to this?

[Sky]

Yes there is, so you want upgrades to stack up?

[BluebayStudios]

Yes, that would be great.

[Sky]

Here, this should stack upgrades:

let nerd = localStorage.getItem("nerd") ? parseFloat(localStorage.getItem("nerd")) : 0;
let upgradeCount = localStorage.getItem("upgradeCount") ? parseInt(localStorage.getItem("upgradeCount")) : 0;
const scoreElement = document.getElementById("score");
const nerdImage = document.getElementById("nerd-image");
let upgradeInterval;

updateScore();

nerdImage.addEventListener("click", increaseScore);

if (upgradeCount > 0) {
  startUpgradeInterval(upgradeCount);
}

function startUpgradeInterval(upgrades) {
  upgradeInterval = setInterval(() => {
    nerd += upgrades * 0.5;
    updateScore();
    localStorage.setItem("nerd", nerd);
  }, 1000);
}

function increaseScore() {
  nerd++;
  updateScore();
  localStorage.setItem("nerd", nerd);
}

function buyItem(price) {
  if (nerd >= price) {
    nerd -= price;
    updateScore();
    localStorage.setItem("nerd", nerd);
    if (price === 50) {
      upgradeCount++;
      localStorage.setItem("upgradeCount", upgradeCount);
      startUpgradeInterval(upgradeCount);
    }
  } else {
    alert("You don't have enough nerd to buy this item!");
  }
}

function updateScore() {
  scoreElement.textContent = `nerd: ${nerd}`;
}

[BluebayStudios]

So, i have to admit. I heavily relied on ghostwriter for adding upgrades, could you help with adding new upgrades?

[Sky]

Like what, any examples?

[BluebayStudios]

How I had the first upgrade, I want the second one to do the same thing, but more points, and learn how to add more upgrades in the future.

[BluebayStudios]

I would like the new one to be 10 per second. And have compatibility to save and stack.