OurEDA Winter Wordle

这是我在 OurEDA 25 级 Web 方向寒假作业中完成的 Wordle 猜词小游戏,也是一次使用原生前端技术处理状态、输入和页面反馈的练习。

玩法

每局会随机选择一个五字母英文单词。玩家有六次猜测机会,每次提交后方格会使用颜色反馈结果:

  • 绿色:字母和位置都正确;
  • 黄色:答案包含这个字母,但位置不正确;
  • 灰色:答案中不存在这个字母。

页面同时支持屏幕键盘和实体键盘操作,并提供删除、提交、刷新与显示答案功能。

练习内容

这个作业没有使用前端框架,主要练习了以下内容:

  1. 使用 DOM 将程序状态同步到页面;
  2. 管理最多六轮猜测的游戏生命周期;
  3. 校验输入单词并计算颜色序列;
  4. 处理重复字母和位置匹配;
  5. 让虚拟键盘与实体键盘使用同一套输入逻辑;
  6. 使用 Git 保存开发过程,并通过 GitHub Pages 发布。

项目信息

这是早期 Web 学习阶段的课程作业,页面和代码仍保留着当时的实现方式。相比重新包装成一个“成熟产品”,把它作为小游戏归档更符合它原本的定位。

小游戏加载失败时,可以使用上方“全屏打开”。