打字游戏
程序员文章站
2022-06-23 08:23:44
需求分析:1 在char这个div里面随机显示一个字母2 可以在键盘上输入字母3 如果输入的字母和char里面显示的字母是同一个4 就是正确,显示正确的类名效果animated zoomIn5 如果输入的字母和char里面的不是同一个,6 就是错误,显示错误的类名效果animated shake error7 在一次输入完成以后,如果错误不更换字母,你继续输入8 在一次输入完成以后,如果正确更换字母,你继续输入9 每次输入完成以后,就会导致你的正确率的变化,在result这个div上显示结...
需求分析:
1 在char这个div里面随机显示一个字母
2 可以在键盘上输入字母
3 如果输入的字母和char里面显示的字母是同一个
4 就是正确,显示正确的类名效果animated zoomIn
5 如果输入的字母和char里面的不是同一个,
6 就是错误,显示错误的类名效果animated shake error
7 在一次输入完成以后,如果错误不更换字母,你继续输入
8 在一次输入完成以后,如果正确更换字母,你继续输入
9 每次输入完成以后,就会导致你的正确率的变化,在result这个div上显示结果
引入外部链接动画部
<!--引入animate.css动画库-->
<link rel="stylesheet" href="animate.css">
本文地址:https://blog.csdn.net/weixin_45896126/article/details/109233459