Verwenden Sie JavaScript, um Tippspiele zu simulieren!

Autor：Eve Cole Aktualisierungszeit：2022-08-10 11:30:26

Ich habe heute nichts zu tun und möchte ein simuliertes Tippspiel ausprobieren. Es wird das Tippen aufzeichnen und beurteilen. Wenn Sie der Peripherie die Funktion setInterval hinzufügen, können Sie die Tippgeschwindigkeit testen.

html

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

CSS-

Körper,
html {
  Breite: 100 %;
  Höhe: 100 %;
 }

 .wrapper {
  Breite: 400px;
  Rand: 20px automatisch;
 }

 div {
  Schriftgröße: 100px;
  Schriftstärke: 900;
  Textausrichtung: Mitte;

 }
 Eingang{
  Breite: 400px;
  Rand: 20px automatisch;
 }

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-Anzahl = 0
 window.onkeyup = Funktion (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 = '';
  }anders{
   Alert('Spiel vorbei' + ' ' +'Ihr Punktestand ist'+ ':' + Anzahl)
   Anzahl = 0;
   ipt.value = '';
  }

 }

Verwandte Empfehlungen: [JavaScript-Video-Tutorial]

Das Obige ist ein mit JavaScript simuliertes Tippspiel! Weitere Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!