今天心血来潮,想搞个打字母的小游戏耍耍,就直接开干!
第一步,搭个架子
咱先用最简单的 HTML、CSS 和 JavaScript 搭个架子。建三个文件:*、* 和 *。* 就弄个简单的结构,放个显示字母的区域,再来个输入框,还有个显示得分的地方。* 简单美化一下,让它看起来顺眼点。* 就是等下写主要逻辑的地方。
第二步,让字母动起来
- 先在 * 里搞个数组,把26个字母都塞进去。
- 然后写个函数,随机从这个数组里挑一个字母出来,显示到 HTML 里那个显示字母的区域。
- 再来个定时器,每隔一段时间就调用这个函数,让字母不断地冒出来。
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
第三步,敲键盘,打字母
- 给输入框加个事件监听,就是监听键盘按下的动作。
- 每次按下键盘,就把输入的字母和显示的字母比较一下。
- 如果一样,就得分,更新分数,然后让新的字母出现。
- 如果不一样,先不管它,或者可以给个提示啥的(我这里就暂时没弄)。
遇到的问题和解决
字母出现太快,眼睛都花!
解决:调整定时器的间隔时间,让它慢一点,或者根据得分来调整,分数越高,速度越快。
输入但是没反应?
-
检查下是不是字母大小写的问题,都给它转换成小写或者大写再比较!
完成
测试一下,修修补补,一个简单的打字母游戏就搞定!
虽然简单,但是玩起来还挺上头的,今天就分享到这,下次有好玩的再来分享!