尝试编辑Javascript待办事项列表中的按钮

我正在尝试使用vanilla Javascript创建一个todo列表，该列表具有以下功能：

将todo项添加到列表中

通过单击li元素中的垃圾箱图标删除todo项目（完成）

通过单击编辑图标（我无法实现）编辑相应的todo项目

单击复选框，完成待办事项

我正在尝试添加编辑功能，请帮助我：

/*当用户在输入字段中输入文本并单击提交时，应将一个项目添加到列表中
1.用户输入文本并单击提交
2.单击“提交”时，会将一个项目添加到列表中
3.当用户单击编辑图标时，列表项被选中
4.所选文本应可编辑
*/
const items=document.querySelectorAll（'list li'）；
const todoTextInput=document.getElementById（'todoTextInput'）；
const submitBtn=document.getElementById（'submit_todo'）；
常量选项卡=[]；
//常数指数；
//将待办事项添加到列表中
submitBtn.addEventListener（'单击'，（）=>{
const todoText=document.getElementById（'todoTextInput'）.value；
const todoList=document.getElementById（'list'）；
const todoItem=document.createElement（'li'）；
添加（'list-group-item'，'d-flex'，'justify content-between'）；
todoItem.innerHTML=`
${todoText}


芒果
-->

我建议使用google firebase>Firestore 你可以在你的网站上使用普通的javascript，这样你就可以建立一个小的数据库，在那里你可以读取或写入数据，这样一切都可以保存

您可以查看google firestore文档