基于javascript实现句子翻牌网页版小游戏_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程序设计有所帮助。