通过函数后如何让 JavaScript 变量更新为另一个值？答案

【问题标题】：How do you get JavaScript variable to update to another value after going through a function?通过函数后如何让 JavaScript 变量更新为另一个值？
【发布时间】：2021-11-08 08:21:42
【问题描述】：

每次页面刷新时，变量都会返回它们的原始值。我有它，每次按下按钮时，显示的数字都会增加一。我将如何着手使变量保持更新，直到页面关闭？然后我将如何使用这些变量来实时更新信息。

HTML

<h1>y = (<span id="count">1</span><button onclick="plusOne(count)">Rise</button></h1>
    <h2> / <span id="count2">1</span><button onclick="plusRun(count2)">Run</button>) x + </h2>
    <h3><span id="count3">0</span><button onclick="plusB(count3)">b</button></h3>

JavaScript

var rise = 1;
var run = 1;
var b = 0;

function plusOne(count) {
    rise++;
    if (rise > 9) {
        rise = 1
    }
    count.textContent = rise.toString();
  }
  
  function plusRun(count2) {
      run++;
      if (run > 9) {
          run = 1
      }
      count2.textContent = run.toString();
    }
  
    function plusB(count3) {
      b++;
      if (b > 9) {
          b = -9
      }
      count3.textContent = b.toString();
    }

【问题讨论】：

这：“每次页面刷新时，变量都会返回它们的原始值。”是因为每次页面重新加载时，它都会重新加载并运行 JavaScript，就好像它从未见过一样它之前。您应该查看How Browsers Work - 该链接中描述的每个步骤都发生在“您重新加载页面”时。
localeStorage 是你的新朋友：developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

标签： javascript html function variables

【解决方案1】：

当页面刷新时，浏览器会像第一次看到它一样运行 JavaScript 文件。刷新页面与关闭浏览器并重新打开网页的效果相同。

因此变量将被初始化，就像您在刷新时将它们放在文件顶部一样。

var rise = 1;
var run = 1;
var b = 0;

如果您需要存储在页面刷新或关闭浏览器时将持续存在的数据，则可以使用local storage！

【讨论】：