Javascript 未获取空白任务的警报

我正在用html和JavaScript创建一个待办事项列表。我正在尝试为空白任务创建警报，但没有弹出警报，控制台中也没有错误。我实际上单击了输入框的内部，但没有键入任何内容，并将字段留空。然后我单击“添加任务”，但没有收到警报

HTML:

任务列表
任务列表
新任务
任务
筛选任务

JavaScript:

    // Define ui variables
    const form = document.querySelector('#task-form');
    const taskList = document.querySelector('.collection');
    const clearBtn = document.querySelector('.clear-tasks');
    const filter = document.querySelector('#filter');
    const taskInput = document.querySelector('#task');

    // Load all event listeners
    loadEventListeners();

    // Load all event listeners
    function loadEventListeners() {
        // Add task event
        form.addEventListener('submit', addTask);
    }

    // Add Task
    function addTask(e) {
        if(taskInput.value === ''){
            alert('Add a task');
        }

        e.preventDefault();
    }

---

我相信你打错了

表单

。它应该是

而不是

，这样就不会调用正确的事件

//定义ui变量
const form=document.querySelector（“#任务表单”）；
const taskList=document.querySelector（'.collection'）；
const clearBtn=document.querySelector（'.clear tasks'）；
const filter=document.querySelector（“#filter”）；
const taskInput=document.querySelector（“#task”）；
//加载所有事件侦听器
loadEventListeners（）；
//加载所有事件侦听器
函数loadEventListeners（）{
//添加任务事件
表格.addEventListener（“提交”，addTask）；
}
//添加任务
函数addTask（e）{
如果（taskInput.value==''）{
警报（“添加任务”）；
}
e、 预防默认值（）；
}

任务列表
任务列表
新任务
任务
筛选任务

我相信你打错了

表格

。它应该是

而不是

，这样就不会调用正确的事件

//定义ui变量
const form=document.querySelector（“#任务表单”）；
const taskList=document.querySelector（'.collection'）；
const clearBtn=document.querySelector（'.clear tasks'）；
const filter=document.querySelector（“#filter”）；
const taskInput=document.querySelector（“#task”）；
//加载所有事件侦听器
loadEventListeners（）；
//加载所有事件侦听器
函数loadEventListeners（）{
//添加任务事件
表格.addEventListener（“提交”，addTask）；
}
//添加任务
函数addTask（e）{
如果（taskInput.value==''）{
警报（“添加任务”）；
}
e、 预防默认值（）；
}

任务列表
任务列表
新任务
任务
筛选任务