Javascript jQuery to do list done按钮未删除项

我正在使用jQuery和本地存储创建一个简单的待办事项列表。我还尝试为我添加的每个li添加一个按钮，以从列表中清除该项。我的列表在刷新时不会粘住，我不知道如何加载按钮，按钮是否需要发生在HTML端

添加到列表函数效果很好，只是从存储到本地存储，我似乎遗漏了一些东西

我为这段代码创建了一个JSFIDLE，本地存储似乎可以正常工作，但在我的xampp上无法工作。此外，我可以让“完成”按钮出现，但它不会删除项目

任务列表
添加任务
任务：


任务列表

这就是你想要做的吗

请注意，我必须多填充本地存储才能在一个代码段中工作，用

localStorage

替换

fakeLocalStorage

const listOfTasksElement=$（“#listoftask”）
常量taskInputElement=$（“#任务”）
const listOfTasks=JSON.parse（fakeLocalStorage.getItem（'tasks'））| |[]
const updateTasks=（）=>fakeLocalStorage.setItem（'tasks'，JSON.stringify（listOfTasks））
const addTask=task=>{
常量taskElement=$（'
'）。文本（任务）
const doneElement=$（'Done'）。单击（（）=>{
const index=listOfTasksElement.find（'li'）.index（taskElement）
taskElement.remove（）
拼接任务列表（索引，1）
updateTasks（）
})
taskElement.append（doneeElement）
ListOfTaskElement.append（taskElement）
listOfTasks.push（任务）
updateTasks（）
}
forEach（addTask）
$（'#添加'）。单击（（）=>{
addTask（taskInputElement.val（））
taskInputElement.val（“”）.focus（）
})

添加
//本地存储在堆栈溢出代码段中不起作用，
//这只是一个糟糕的内存实现
常量fakeLocalStorage={
_数据：{}，
setItem（k，v）{返回这个。_data[k]=v}，
getItem（k）{返回此._data.hasOwnProperty（k）？此._data[k]：null}
}

您也可以共享您的HTML吗？您的代码将与

id=“done”

一起生成多个

-id在有效的HTML中必须是唯一的一些基本信息：最终结果是相同的，但方法似乎与我想要的不同。我创建了一个本地存储正在使用的JSFIDLE，因此我不确定它为什么不能在我的xampp上使用。我也可以让“完成”按钮出现，但它实际上不会删除项目，并在添加新项目时消失。