【问题标题】：When I refresh the page, my to-do list disappears当我刷新页面时，我的待办事项列表消失了
【发布时间】：2021-06-01 09:33:29
【问题描述】：

我正在尝试制作待办事项列表，但是当我刷新页面时，我之前在待办事项列表中添加的所有元素都消失了，待办事项列表看起来也一样和最初一样。

如何添加可以将添加的元素永久保存在待办事项列表中的功能？

【问题讨论】：

您使用什么语言？ Javascript？提问时必须具体。

标签： web refresh

【解决方案1】：

本地存储

如果您使用的是 JavaScript，那么您可以使用 localStorage，而不是使用普通变量。

**localStorage 将持续到浏览器中的缓存被清除。这意味着它将在大多数浏览器上持续很长时间。**

设置一个“变量”：localStorage.setItem('nameofvar','valueyouaresetting')；
使用“变量”：localStorage.getItem('myvar');

他是一个使用它们的简短示例：

function(user_input){
  localStorage.setItem('choice',user_input)
  myFunction()
}
function myFunction(){
  if(localStorage.getItem('choice') == 'apple'){
    alert("You chose apple");
  } else{
    alert("You did not chose apple");
  }
}

希望对您有所帮助，如果您希望在用户关闭浏览器时销毁数据，也可以使用 localSession。

您可以通过以下资源了解它们：
https://www.w3schools.com/jsref/prop_win_localstorage.asp https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

【讨论】：