做一个真正可用的
个人任务看板。

HTML：结构与语义

下载起始文件，用浏览器直接打开。找到表单、标题输入框、任务列表和状态提示四个区域。表单负责接收输入，列表负责展示结果，状态提示负责告诉用户操作是否成功。

CSS：布局与视觉层次

页面采用单列、有限宽度的容器。按钮有明确的主次，输入框在手机上占满宽度。不要通过固定像素宽度把布局锁死。使用 max-width 限制大屏阅读宽度，用 padding 留出手机两侧空间。

JavaScript：数据与行为

把任务存成数组，每项有 id、title、done 三个字段。先改变数组，再从数组渲染页面，最后保存到 localStorage。不要把 DOM 节点当作唯一的数据源，否则刷新和导出很难可靠实现。

本课练习

打开开发者工具，找到 Console。先在起始文件加入一条示例任务，再修改页面主色。每次只改一项并刷新，确认没有新的错误。