javascript - 如何使计数变量在 session 中保持不变？

Question

我有一个静态页面 /story，它有一个按钮，上面写着“做出你的选择”，由 /choice 处理。在 /choice 我在标题中有这个脚本

var count = 0;

function writeToStorage()
{ 
  var user = "user" + count;
  count++;
  localStorage.setItem("chooser", user);

  document.getElementById("form_chooser").value = user;  
};

因此，每次 /choice 被 /story 调用时，“count”都会重置为零。如何使“计数”持久化，以便每次调用 /choice 时都使用当前值？

我问了一个previous question为此，但我认为不清楚我想做什么，答案集中在函数 writeToStorage() 上。的确，如果我在一个 session 中多次调用 writeToStorage

writeToStorage();
writeToStorage();
writeToStorage();

“计数”会增加，但一旦运行 /choice，计数就会重置为零。我希望“计数”能够坚持下去。谢谢。

Answer 1

顺理成章:

    var count = localStorage.getItem("count") || 0;

function writeToStorage() {

    count++;
    localStorage.setItem("count", count);
    document.getElementById("form_chooser").value = "user" + count;

};

因此，第一行获取当前本地存储计数，如果未定义则为 0(如果计数从未存储，则用户是第一次访问您的页面)，然后您增加计数并保存它。然后在元素中写入当前计数。