开发待办列表时任务无法添加至列表的问题求助

你的代码里存在几处大小写和语法错误，导致任务无法添加，具体问题及修复如下：

• 事件名大小写错误：DOM事件名区分大小写，form.addEventListener('Submit', ...) 应改为 form.addEventListener('submit', ...)
• 方法名大小写错误：e.preventdefault() 是错误写法，正确的阻止默认行为方法是 e.preventDefault()
• 变量声明语法错误：const_task_el 是无效的变量声明，应改为 const task_el
• 可选优化：添加任务后清空输入框，优化用户体验

修正后的JavaScript代码 #

window.addEventListener('load', () => { 
    const form = document.querySelector("#new-task-form"); 
    const input = document.querySelector("#new-task-input"); 
    const list_el = document.querySelector("#tasks");

    form.addEventListener('submit',(e) => {
        e.preventDefault(); // 阻止表单提交时的页面刷新

        const task = input.value;
        
        if (!task) {
            alert("Please enter a task!");
            return;
        } 
        
        const task_el = document.createElement("div");
        task_el.classList.add("task");

        const task_content_el = document.createElement("div");
        task_content_el.classList.add("content");
        task_content_el.innerText = task;

        task_el.appendChild(task_content_el);
        list_el.appendChild(task_el);
        
        // 清空输入框
        input.value = '';
    })
})

内容的提问来源于stack exchange，提问作者yeti107