如何实现/执行单击编辑按钮后，允许用户输入值，然后提交，li中的文本将呈现更新后的值？
JS代码块编写如下：
你可以忽略其他不相关的函数。我知道，edittask是不完整的，但我不知道如何实现我上面提到的功能。

const alertMsg = document.querySelector('.alert-message');
    const inputForm = document.querySelector('.input-section');
    const todoInput = document.querySelector('.todo-input');
    const addBtn = document.querySelector('.add-btn');
    const taskActions = document.querySelector('.task-actions');
    const todosList = document.querySelector('.todos-list');
    const deleteAllBtn = document.querySelector('.delete-all-btn');
    const savedTodos = localStorage.getItem('todos');

    let todos = [];

    function displayTodos(newTodoObj){
        const li = document.createElement('li');
        li.id = newTodoObj.id;
        li.className = 'task-container'

        const task = document.createElement('span');
        const checkBtn = document.createElement('button')
        const editBtn = document.createElement('button')
        const deleteBtn = document.createElement('button')

        task.innerText = newTodoObj.text;
        checkBtn.innerText = 'Check'
        editBtn.innerText = 'Edit';
        deleteBtn.innerText = 'Del';
    
        checkBtn.addEventListener('click', (event) => {
            const task = event.target.parentElement;
            console.log(task);
            task.classList.toggle('completed');
        })
    
        editBtn.addEventListener('click', editTask)
        deleteBtn.addEventListener('click', deleteTask)

        li.appendChild(task);
        li.appendChild(checkBtn);
        li.appendChild(editBtn);
        li.appendChild(deleteBtn);

        todosList.appendChild(li);
    }

    function editTask(event){
        const li = event.target.parentElement.children[0].innerText;
        todoInput.value = li;    
    }

    function deleteTask(event){
        const li = event.target.parentElement;

        li.remove();
        todos = todos.filter((todo) => todo.id !== parseInt(li.id));
        saveTodos();
    }

    function handleTodoSubmit(event){
        event.preventDefault();
        const newTodo = todoInput.value;
        todoInput.value = '';
        const newTodoObj = {
            text: newTodo,
            id: Date.now(),
            checked: false
        };
        todos.push(newTodoObj);
        displayTodos(newTodoObj);
        saveTodos();
    }

    function saveTodos(){
        localStorage.setItem('todos', JSON.stringify(todos));
    }

    inputForm.addEventListener('submit', handleTodoSubmit);

    if(savedTodos !== null){
        const parsedTodos = JSON.parse(savedTodos);
        parsedTodos.forEach(displayTodos);
    }

    window.addEventListener('beforeunload', saveTodos);