
本文详细讲解了待办事项列表(todo list)中任务无法成功添加的常见 javascript 错误,包括大小写拼写错误和变量声明语法问题,并提供修正后的完整可运行代码及关键注意事项。
本文详细讲解了待办事项列表(todo list)中任务无法成功添加的常见 javascript 错误,包括大小写拼写错误和变量声明语法问题,并提供修正后的完整可运行代码及关键注意事项。
在构建前端待办事项列表时,一个看似微小的拼写或语法错误就可能导致整个功能失效。你遇到的“输入任务后点击‘Add task’却无任何反应”问题,根源在于 JavaScript 代码中两个关键错误:
? 常见错误解析
e.preventdefault() → e.preventDefault()
preventDefault 是标准 DOM 事件方法,首字母 D 必须大写。小写写法 preventdefault 会导致 JavaScript 报错(TypeError: e.preventdefault is not a function),进而中断后续逻辑执行——因此页面会意外刷新,新任务也无法渲染。const_task_el = ... → const task_el = ...
原代码中使用了非法变量名 const_task_el(含下划线且缺少空格),这会导致语法错误:Uncaught SyntaxError: Unexpected token '_'。正确写法应为 const task_el = ...,符合 const 声明语法规则。
此外,还需注意:
- 事件监听器应绑定 submit(全小写),而非 'Submit'(首字母大写);
- 确保 HTML 中 存在且未被注释包裹(你当前 HTML 中









