rou/front-end-example
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
d5ff59ac76b024e48cb319376745ae669ac4c30e
front-end-example/04-dom-events-async/05-form-submit-and-prevent-default/README.md
charlie f3bdaa4e88 feat: add TypeScript lessons and learning panel 
- Introduced a new script to check TypeScript lesson files for errors.
- Created a main TypeScript file to render lessons and their details.
- Added lesson definitions with starter and answer codes.
- Implemented a user interface for navigating and running lessons.
- Styled the application with CSS for a better user experience.
- Updated README to reflect the new TypeScript section and usage instructions.
2026-03-19 10:06:11 +08:00

896 B
Raw Blame History

练习 5：表单提交和 preventDefault

目标

学会拦截表单默认提交，并把输入内容渲染到页面。

你要练什么

  • submit 事件
  • preventDefault()
  • 表单值读取
  • 动态追加列表项

任务

  • 提交表单时阻止页面刷新
  • 读取输入框内容
  • 把内容加入到待办列表
  • 提交后清空输入框

文件