rou/front-end-example
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
8b83f63235cc36353f7fc03c05dee40ff0434dc9
front-end-example/04-dom-events-async/11-input-live-preview
History
rou 1071f4db05 update
2026-03-23 14:56:04 +08:00
..
answer.html
feat: add TypeScript lessons and learning panel
2026-03-19 10:06:11 +08:00
answer.js
feat: add TypeScript lessons and learning panel
2026-03-19 10:06:11 +08:00
README.md
feat: add TypeScript lessons and learning panel
2026-03-19 10:06:11 +08:00
starter.html
feat: add TypeScript lessons and learning panel
2026-03-19 10:06:11 +08:00
starter.js
update
2026-03-23 14:56:04 +08:00

README.md

练习 11：input 实时预览

目标

学会处理输入类事件，让页面随着用户输入实时变化。

你要练什么

  • input 事件
  • change 事件
  • 表单值读取
  • 实时 DOM 更新

任务

  • 在输入框输入昵称时，实时更新预览标题
  • 在文本域输入学习目标时，实时更新预览内容
  • 切换学习阶段下拉框时，更新阶段标签

文件