Javascript 动态按钮事件和选择器连接未正常工作

我想创建一个简单的ToDo应用程序，在其中插入一些文本并使用提交按钮提交。输入的文本应该放在里面。该部分正在工作，而且我想通过单击“相对删除”按钮删除项目，该按钮工作正常。但应该有最后一个行为，我想从编辑按钮编辑任何文本。当我单击编辑按钮时，提交按钮应替换为编辑按钮，“复制”相对文本/字符串到输入中。为了提供更多信息，我们有两种类型的编辑按钮-1。附加到插入的每个注释和2。一个全局编辑按钮，显示在“我的输入和提交”按钮的位置，负责提交编辑文本。 问题是，在第一次尝试中，它将字符串放入.note中并放入输入，当我提交时，它会完全更改相同的列表项。但是当我再次使用另一个列表项时，它也会更改第一个列表项，如果您进一步更改第三个（另一个）列表项，它会更改最后两个列表项，依此类推。我试着把editBtn放在任何地方，它几乎改变了它的行为。现在我不知道如何将我的动态列表正确地连接到editBtn，以便仅对我要更改的项目进行适当的更改。我认为，这个问题是由于创建过程造成的，但我不确定我到底在哪里错过了正确的编码

const submitBtn=document.querySelector（“#submit”）；
const noteList=document.querySelector（'.notes'）；
const clearAll=document.querySelector（“#clearAll”）；
const itemletedinfo=document.querySelector（'.itemleted'）；
const itemEditedInfo=document.querySelector（'.itemEdited'）；
const allClearedInfo=document.querySelector（'.allCleared'）；
const editBtn=document.querySelector（“#edit”）
clearAll.addEventListener（'click'，cl=>{
const noteList=document.querySelector（'.notes'）；
if（noteList.children.length==0）{
allClearedInfo.textContent='列表中没有任何项目'；
信息信息（allClearedInfo）
}否则{
noteList.innerHTML=“”
allClearedInfo.textContent='所有项目都已清除'；
text.value=“”
信息信息（allClearedInfo）
}
})
功能信息（消息）{
message.style.display='block'
setTimeout（函数（）{
message.style.display='none'；
}, 2000);
}
submitBtn.addEventListener（'click'，e=>{
const text=document.querySelector（“#text”）；
让value=text.value；
如果（值）{
const newElem=document.createElement（'li'）；
newElem.innerHTML=`
${value}
删除
编辑
`
注释列表。追加子项（newElem）；
}
//text.value=''；
});
noteList.addEventListener（'click'，e=>{
if（e.target.classList.contains（'delete'））{
e、 target.parentElement.parentElement.remove（）；
infoMessage（itemDeletedInfo）；
}else if（e.target.classList.contains（'edit'））{
text.value=e.target.parentElement.parentElement.children[0].textContent；
submitBtn.style.display='none'；
editbn.style.display='inline block'；
}
})
editBtn.addEventListener（'click'，函数（editThis）{
console.log（notelest）；
//e.target.parentElement.parentElement.children[0]。textContent=text.value
//console.log（e.target.parentElement.parentElement.children[0].textContent）；
submitBtn.style.display='inline block'；
editBtn.style.display='none'；
})

.wrapper{
边框：1px纯色灰色；
宽度：80vw；
保证金：0自动；
边缘顶端：40px；
文本对齐：居中；
}
.info{
显示：无；
颜色：白色；
边界半径：10px；
利润率：10px；
背景色：rgb（149228217）；
}
.删除项目{
背景色：红色；
}
#编辑{
显示：无；
}
.全部清除{
背景颜色：皇家蓝；
边框：1px纯蓝；
}
#克利尔{
利润率：30像素；
颜色：皇家蓝；
}
.注释{
显示器：flex；
利润率：20px；
弯曲方向：立柱；
调整项目：灵活启动；
}
李先生说{
显示器：flex；
填充物：5px；
证明内容：之间的空间；
宽度：100%；
边框顶部：1px纯色灰色；
}

重复会议：回顾
项目已被删除
项目已编辑
简单待办事项
提交
编辑

清除所有