基于javascript实现句子翻牌网页版小游戏

本文实例为大家分享了js实现句子翻牌网页版小游戏，供大家参考，具体内容如下

效果图：

实现思路：

考察打字能力和记忆能力的益智小游戏。
1.会先把一段文字显示
2.一小段时间后显示背面
3.输入框输入文字与文字全部对应显示正面

具体代码：

 
  句子翻牌
  
   
1.将牌面上的词语输入到方块中。
   
2.按照正确语序输入句子能获得额外奖励。
   
3.每组词语显示2-4秒。
   
查看词语：点击“查看词语”，或按“PageUp”键
   
4.一共有10次机会。
   
跳过词语：点击“跳过10”，或按“PageDown”键
   
5.别忘了输入标点符号！
  
  开始游戏
  
   
    得分
   
   
    
   
   
    剩余时间 300
   
   
    

     
暂停
     
End
    
    

     
再看一次
     
PageUp
    
    

     
跳过10
     
PageDown
    
    

     
游戏说明
     
Home
    
   
   
   
   
    第一关
    正常词序
   
   
    继续
   
 
   
    正确语序
    

    
   
 
  
  

    
游戏结束
    
你的得分：0
    
完成句子：0
    
完成词语：0
   
   再玩一次
   
 
 

代码下载：http://xiazai.jb51.net/201603/yuanma/juzifanpai(jb51.net).rar

如果大家觉得玩的还不过瘾还可以翻看此专题：javascript经典小游戏

以上就是本文的全部内容，希望对大家学习javascript程序设计有所帮助。