今日閑來無事，想試一試模擬打字游戲，下面是效果圖，會記錄判斷打字，如果在外圍添加setInterval函數(shù)，可以實(shí)現(xiàn)測試打字速度的功能。

html

<div class="wrapper">   <div id="text">A</div>   <input type="text" id="ipt"> </div>

css

body, html {   width: 100%;   height: 100%;  }   .wrapper {   width: 400px;   margin: 20px auto;  }   div {   font-size: 100px;   font-weight: 900;   text-align: center;   }  input{   width: 400px;   margin: 20px auto;  }

js

var str = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ' var text = document.getElementById('text')  var ipt = document.getElementById('ipt') var res; var newRes; var random = Math.round(Math.random() * 25); var count = 0  window.onkeyup = function (e) {   var random = Math.round(Math.random() * 25);   newRes = str[random]   res = text.innerHTML   text.innerHTML = newRes   if(e.keyCode == res.charCodeAt(0)){    count++;    ipt.value = '';   }else{    alert('game over' + '   ' +'您的得分是'+ ':' + count)    count = 0;    ipt.value = '';   }   }