c 结合html做游戏,打字游戏c.html

Document

html,

body {

height: 100%;

}

body {

display: flex;

justify-content: center;

text-align: center;

font-size: 30px;

}

#tree {

font-size: 100px;

}

A

请在键盘上按下屏幕上显示的字母

var tree = document.querySelector('#tree');

var reslut = document.querySelector('.reslut');

var random;

var OK = 0;

var falex = 0;

show();

function show() {

random = Math.floor(Math.random() * 26) + 65;

tree.innerHTML = String.fromCharCode(random);

}

window.onkeydown = function (ev) {

var key = ev.keyCode

if (key == random) {

OK++;

show();

} else {

falex++;

}

var rate = 100 * OK / (OK + falex);

reslut.innerHTML = '正确' + OK + '个，错误' + falex + '个，正确率' + rate.toFixed(2) + '%';

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史