# 刽子手游戏(Hangman Game)
# 阅读
您需要掌握知识点:
刽子手游戏教程
- 创建猜单词游戏(Hangman) (opens new window)
- 如何使用 javascript 实现一个刽子手游戏 (opens new window)
- 视频:Vanilla JavaScript Hangman Game Tutorial - No Frameworks (opens new window)
# 编码
实现一个经典猜词游戏,刽子手游戏(hangman ganme)。玩家尝试猜测一个单词,一旦玩家猜错一次,套索上的简笔就添加一笔,一旦绘制了全身,游戏就结束了,玩家输了。
- 在这里 (opens new window)刽子手游戏起源和规则
- 你可以在这里 (opens new window)体验刽子手游戏
大家可以随意按照自己的喜欢进行游戏界面设计,这里提供一个设计 (opens new window)参考
任务需求
- 玩家点击开始游戏按钮,进入游戏界面开始猜单词
- 玩家能够看到需要猜测的单词的字母数
- 玩家能够从键盘输入字母
- 如果匹配,则字母应出现在单词内的正确位置
- 如果没有匹配,则应该绘制该人的一部分,并且玩家应该看到剩余的猜错次数
- 绘制人的部分可以使用 cavas/svg 或 DOM+CSS 来实现,或者直接使用图片,皆可。
- 重复输入一个错误字母两次时显示通知,已经输入过了,并且这次输入不计数
- 在游戏输赢时显示弹出窗口,如果这个词被猜到了,你应该得到一个胜利状态的提醒框,如果单词没有被猜到,则提示游戏失败
- 点击重玩按钮重新开始游戏