ใช้ JavaScript เพื่อจำลองเกมการพิมพ์!

html

<div class="wrapper">
  <div id="text">ก</div>
  <ประเภทอินพุต = "ข้อความ" id = "ipt">
</div>

CSS

,
HTML {
  ความกว้าง: 100%;
  ความสูง: 100%;
 -

 .กระดาษห่อ {
  ความกว้าง: 400px;
  ระยะขอบ: 20px อัตโนมัติ;
 -

 div {
  ขนาดตัวอักษร: 100px;
  น้ำหนักตัวอักษร: 900;
  การจัดแนวข้อความ: กึ่งกลาง;

 -
 ป้อนข้อมูล{
  ความกว้าง: 400px;
  ระยะขอบ: 20px อัตโนมัติ;
 }

js

var str = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'
ข้อความ var = document.getElementById('ข้อความ') 
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 = ใหม่Res
  ถ้า(e.keyCode == res.charCodeAt(0)){
   นับ++;
   ipt.value = '';
  }อื่น{
   alert('game over' + ' ' +'คะแนนของคุณคือ'+ ':' + นับ)
   นับ = 0;
   ipt.value = '';
  -

 }

คำแนะนำที่เกี่ยวข้อง: [วิดีโอสอน JavaScript]

ด้านบนนี้เป็นเกมการพิมพ์ที่จำลองโดยใช้ JavaScript! สำหรับรายละเอียดเพิ่มเติม โปรดอ่านบทความอื่นๆ ที่เกี่ยวข้องบนเว็บไซต์ php Chinese!