如何使用LocalStorage从待办事项列表中删除项目

Question

我在上大学功课时遇到一个问题，该项目是使用Javascript和localStorage开发待办事项列表，除删除功能外，其他一切都正常。 我很乐意为您提供帮助:)

我已经尝试使用EventListener解决该问题，但是没有成功。

http://gdeveloper.tech/todo/FinalV2/ CodePen： https ://codepen.io/gal-regev/pen/EGEpjY在删除功能中。

我已经成功删除了该项目，但是并没有删除正确的项目。

 function del_item(itemid) { 
   all_notes.splice(itemid, 1); 
   localStorage.setItem("items", JSON.stringify(all_notes)); 
   document.getElementById('noteContainer').innerHTML = ""; 
   location.reload(); 
} 

Answer 1

localStorage.removeItem(key)从localStorage删除与该key关联的数据。

Answer 2

尝试在本地存储中设置一个值：示例： localstorage.setItem(key,value)引用要删除的键值： localstorage.removeItem(key) `setFunction（）{localStorage.setItem（'color'，'red'）; localStorage.setItem（'font'，'arial'）;

}`

要删除或清空本地存储的值，请提及您要删除先前设置的项目名称，请尝试以下功能：

`removefunction(){
  localStorage.removeItem('color');
}`

要清除本地存储，请尝试以下操作：

`clearStorage(){
  localStorage.clear();
}`

这是本地存储的一般语法