استخدم JavaScript لمحاكاة ألعاب الكتابة!

أتش تي أم أل

<div class="wrapper">
  <div id="text">أ</div>
  <نوع الإدخال = "نص" معرف = "IPT">
</div>

CSS

،
أتش تي أم أل {
  العرض: 100%؛
  الارتفاع: 100%؛
 }

 المجمع {
  العرض: 400 بكسل؛
  الهامش: 20 بكسل تلقائي؛
 }

 شعبة {
  حجم الخط: 100 بكسل؛
  وزن الخط: 900؛
  محاذاة النص: مركز؛

 }
 مدخل{
  العرض: 400 بكسل؛
  الهامش: 20 بكسل تلقائي؛
 }

js

var str = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'
نص فار = document.getElementById('text') 
فار ipt = document.getElementById('ipt')
فار الدقة؛
فار نيوريس؛
فار عشوائي = Math.round(Math.random() * 25);
عدد فار = 0
 window.onkeyup = الوظيفة (هـ) {
  فار عشوائي = Math.round(Math.random() * 25);
  newRes = str[عشوائي]
  الدقة = text.innerHTML
  text.innerHTML = newRes
  إذا(e.keyCode == res.charCodeAt(0)){
   العد++;
   ipt.value = '';
  }آخر{
   تنبيه ("انتهت اللعبة" + " ' + "نتيجتك هي"+ ':' + العد)
   العد = 0؛
   ipt.value = '';
  }

 }

التوصيات ذات الصلة: [برنامج تعليمي لفيديو JavaScript]

ما ورد أعلاه عبارة عن لعبة كتابة تمت محاكاتها باستخدام JavaScript! لمزيد من التفاصيل، يرجى الانتباه إلى المقالات الأخرى ذات الصلة على موقع php الصيني!