You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Web-Dev-For-Beginners/translations/th/4-typing-game/README.md

4.0 KiB

การเขียนโปรแกรมแบบขับเคลื่อนด้วยเหตุการณ์ - สร้างเกมพิมพ์ดีด

บทนำ

การพิมพ์เป็นหนึ่งในทักษะที่มักถูกมองข้ามของนักพัฒนา ความสามารถในการถ่ายทอดความคิดจากหัวของคุณไปยังตัวแก้ไขโค้ดได้อย่างรวดเร็วช่วยให้ความคิดสร้างสรรค์ไหลลื่น หนึ่งในวิธีที่ดีที่สุดในการเรียนรู้คือการเล่นเกม!

งั้นเรามาสร้างเกมพิมพ์ดีดกันเถอะ!

คุณจะใช้ทักษะ JavaScript, HTML และ CSS ที่คุณได้เรียนรู้มาเพื่อสร้างเกมพิมพ์ดีด เกมนี้จะให้ผู้เล่นพิมพ์คำคมแบบสุ่ม (เราใช้คำคมจาก Sherlock Holmes) และจับเวลาว่าผู้เล่นใช้เวลานานแค่ไหนในการพิมพ์ให้ถูกต้อง คุณจะใช้ทักษะ JavaScript, HTML และ CSS ที่คุณได้เรียนรู้มาเพื่อสร้างเกมพิมพ์ดีดนี้

demo

สิ่งที่ควรรู้ก่อนเริ่ม

บทเรียนนี้สมมติว่าคุณคุ้นเคยกับแนวคิดต่อไปนี้:

  • การสร้างช่องป้อนข้อความและปุ่มควบคุม
  • CSS และการตั้งค่าสไตล์โดยใช้คลาส
  • พื้นฐานของ JavaScript
    • การสร้างอาร์เรย์
    • การสร้างตัวเลขสุ่ม
    • การดึงเวลาปัจจุบัน

บทเรียน

การสร้างเกมพิมพ์ดีดโดยใช้การเขียนโปรแกรมแบบขับเคลื่อนด้วยเหตุการณ์

เครดิต

เขียนด้วย ♥️ โดย Christopher Harrison


ข้อจำกัดความรับผิดชอบ:
เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษา AI Co-op Translator แม้ว่าเราจะพยายามให้การแปลมีความถูกต้อง แต่โปรดทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาดั้งเดิมควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษามืออาชีพ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้