javascript - 如何使计数变量在各个 session 之间保持不变？

我有一个静态页面/story，该页面上有一个按钮，上面写着“做出您的选择”，该按钮由/choice处理。在/choice中，我在 header 中有此脚本

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();

“count”增加，但是一旦运行/choice，计数就会重置为零。我希望“计数”保持不变。谢谢。

最佳答案

遵循以下原则:

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

function writeToStorage() {

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

};

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