如何在待办事项列表中显示编辑后的 innerHTML 元素？

问：

我已经为一个列表编写了代码，该列表可以删除或编辑以在输入文本字段中进行修改。但是，一旦在输入文本字段中编辑进行修改，我就无法获得替换上一个任务所需的新输入字段文本值。task-todo

const InputTask = document.getElementById('inputTask')
const AddTaskBtn = document.getElementById('add-task')


function AddTask(){
    
    if(InputTask.value != ''){
    i++
    const Task = InputTask.value
    let p = document.createElement('p')
    let ul = document.createElement('ul')
    let litwo = document.createElement('li')
    let span = document.createElement('span')
    let ultwo = document.createElement('ul')
    let lithree = document.createElement('li')    
    let lione = document.createElement('li')

    ultwo.appendChild(lithree)
    lithree.setAttribute('id','editer'+ i)
    lithree.innerHTML= 'Edit'
    lithree.classList.add('submenu')
    lithree.addEventListener('click', function EditList(){
        InputTask.value = p.innerHTML
        authorisation = false
        AddTaskBtn.addEventListener('click',function ReplaceList(){
            EditedTask = document.getElementById('inputTask')
            let idlist = lione.id
            let liToAddIn = document.getElementById(''+ idlist)
            let idp = p.id
            let ptoBeRemoved = document.getElementById(''+ idp)
            ptoBeRemoved.remove()
            ptoAdd = document.createElement('p')
            liToAddIn.classList.add('thelists')
            liToAddIn.appendChild(ptoAdd)
            liToAddIn.insertBefore(ptoAdd,ul)
            ptoAdd.setAttribute('id',idp)
            ptoAdd.classList.add('the-task')
            ptoAdd.innerHTML = EditedTask.value
            
            
            
        })
        
    })   
}
    
}

AddTask()

似乎我实际上替换了以前的任务，但没有与谷歌开发工具确认的内容（通过删除并添加新的.此外，如果我在输入值中添加一个固定的字符串内容，那么它就会正确显示并替换前一个。有人可以帮我从那里取回修改后的输入字段文本吗？<p><p>