JavaScript を使用してタイピング ゲームをシミュレートします。

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

=

'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 サイトの他の関連記事にご注目ください。