欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  互联网

打字游戏

程序员文章站 2022-03-22 10:21:06
需求分析: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

相关标签: javascript经典案例