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 = ''; } }
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。