网页入门 · 专题 02
英语单词学习站①
单词卡片与中英切换。用同一份题库数据驱动不同的界面显示。
作品工作台：单词卡片与中英切换
选择单词并切换英文/中文，卡片同步更新。 这是一个可直接操作的离线小作品，用来验证提示词和代码修改。
先操作作品，再把结果写进测试表。
提示词版本对比
帮我做一个英语单词网站。
为小学四年级做离线单页单词卡，先输出 10 个动物词汇的数据结构、页面区块和验收清单。
只实现读取第一个单词对象并渲染卡片，解释数组、对象和 click 事件的关系。
切换中英按钮后例句没有变化，请先判断字段或状态问题，再给最小补丁。
每个独立作品都应打开后实际操作，再把输出差异和验证证据写进学习档案。
学习大纲
- 数组、对象、DOM、按钮事件
- 用同一份题库数据驱动不同的界面显示。
- 完成：选择单词并切换英文/中文，卡片同步更新。
学习过程
- 检查词库字段
- 实现静态卡片
- 加入语言切换事件
- 测试长单词和缺少例句
- 比较数据驱动与复制 HTML
实验与反思
- 增加第 11 个词时哪种写法更容易？
- 哪些释义或例句需要人工核对？
反思出口卡
哪个提示词改动最有效？AI 哪一点需要验证？你自己新增了什么规则？下一次只改一个变量，你会选什么？