智栗课堂
← 30 天 Claude Code · 课程目录
第 27 天 / 30 · 约 5 分钟

毕业项目:实现勾选清单

给一个待办条目增加可检查的勾选功能。

今天看懂一件事

先做一项可验收的功能,再扩大范围。

  1. 计划
  2. 控件
  3. 用户检查
再多理解一点

只在 HTML 练习副本实现原生 checkbox 与关联 label,先不做存储、账号或发布。它无需安装依赖。

2 分钟练习

点文字和复选框,检查是否都能切换。

按已确认的验收情境,为 index.html 的第一项待办加原生 checkbox 与关联 label。只实现这一项,不安装依赖、不发布。说明如何检查。

检查一下理解

看起来像勾选框但不能用键盘操作,够好吗?

先想一想,再看解析

不够。使用原生控件与关联标签,并检查 Tab 与空格操作。

今天记住:先做一项可验收的功能,再扩大范围。

参考阅读:官方课程与文档 ↗ · 图解与练习由智栗原创

← 上一课下一课:修一个真实发现的问题 →