
html
<div class="ラッパー"> <div id="text">A</div> <input type="text" id="ipt"> </div>
CSS
本体、
html {
幅: 100%;
高さ: 100%;
}
.wrapper {
幅: 400ピクセル;
マージン: 20px 自動;
}
ディビジョン {
フォントサイズ: 100px;
フォントの太さ: 900;
テキスト整列: 中央;
}
入力{
幅: 400ピクセル;
マージン: 20px 自動;
js var str =
'ABCDEFGHIJKLMNOPQRSTUVWXYZ'
var text = document.getElementById('text')
var ipt = document.getElementById('ipt')
変数レス;
var newRes;
var ランダム = Math.round(Math.random() * 25);
変数カウント = 0
window.onkeyup = 関数 (e) {
var ランダム = Math.round(Math.random() * 25);
newRes = str[ランダム]
res = text.innerHTML
text.innerHTML = newRes
if(e.keyCode == res.charCodeAt(0)){
カウント++;
ipt.value = '';
}それ以外{
alert('ゲームオーバー' + ' ' +'あなたのスコアは'+ ':' + count)
カウント = 0;
ipt.value = '';
}
}関連お勧め: [JavaScript ビデオチュートリアル]
上記は JavaScript を使用してシミュレートされたタイピング ゲームです。詳細については、php 中国語 Web サイトの他の関連記事にご注目ください。