JavaScript 本地存储值 NaN

Question

我的问题是 JavaScript 错误 NaN。一切都在我的 LocalHost （文件：///）中完美运行，但是一旦我上传它，它就会到处显示“NaN”。我不明白可能是什么原因，这是我的第一个 JavaScript 项目。

我遗漏了很多 HTML 代码，但在 JavaScript 中也有说明。

HTML：

<div class="coinsdisplay">
    <input id="coins" type="text" disabled name="" value="0" class="coinInput">
</div>
<div class="cps">
    <p id="cps">0 Coins/s</p>
</div>

<script src="public/js/main.js"></script>

<script>
  window.onload= loadGame();
</script>

JS：

var coincount = 0;
var autoClick = 0;
var computer = 0;
var multiplier = 1;

// Single Click
function addCoin() {
  coincount = coincount + 1
  update()
}

// Updater
function update() {
  document.getElementById('coins').value = coincount;
  document.getElementById('cps').innerHTML = (((autoClick) + (computer*2))*multiplier) + " Coins/s";
  //AutoClicker
  document.getElementById('amountAutoClick').innerHTML = autoClick;
  document.getElementById('cosAutoClick').innerHTML = ((autoClick+1) * 12) + " Coins";
  //Computer
  document.getElementById('amountComputer').innerHTML = computer;
  document.getElementById('cosComputer').innerHTML = ((computer+1) * 15) + " Coins";
}

function timer() {
  coincount = coincount + autoClick;
  coincount = coincount + computer*2;
  update()
}
setInterval(timer, 1000)

// AutoClicker
function buyAutoClick() {
  if (coincount >= ((autoClick+1) * 12)) {
      coincount = coincount - ((autoClick+1) * 12);
      autoClick = autoClick + 1;
      update()
  }
}

// Computer
function buyComputer() {
  if (coincount >= ((computer+1) * 100)) {
      coincount = coincount - ((computer+1) * 50);
      computer = computer + 1;
      update()
  }
}

// SaveGame
function saveGame() {
  localStorage.setItem("coincount", coincount);
  localStorage.setItem("autoClick", autoClick);
  localStorage.setItem("computer", computer);
}
setInterval(saveGame, 1000)

function loadGame() {
  coincount = localStorage.getItem("coincount");
  coincount = parseInt(coincount);
  autoClick = localStorage.getItem("autoClick");
  autoClick = parseInt(autoClick);
  computer = localStorage.getItem("computer");
  computer = parseInt(computer);
  update()
}

希望有人能帮助我，祝大家有个美好的一天。

Answer 1

您是否在saveGame 函数之前调用函数loadGame？如果是这样，问题可能是在 localStorage 中还没有保存任何内容。所以localStorage.getItem("something") 只返回null，parseInt() 将其转换为NaN。确保你的 localStorage 被填满，或者你有这样的默认值（注意 || 0）：

function loadGame() {
  coincount = localStorage.getItem("coincount") || 0;
  coincount = parseInt(coincount);
  autoClick = localStorage.getItem("autoClick") || 0;
  autoClick = parseInt(autoClick);
  computer = localStorage.getItem("computer") || 0;
  computer = parseInt(computer);
  update()
}