<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "957547b822c40042e07d591c4fbfde4f",
  "translation_date": "2025-08-26T23:14:38+00:00",
  "source_file": "4-typing-game/README.md",
  "language_code": "th"
}
-->
# การเขียนโปรแกรมแบบขับเคลื่อนด้วยเหตุการณ์ - สร้างเกมพิมพ์ดีด

## บทนำ

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

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

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

![demo](../../../4-typing-game/images/demo.gif)

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

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

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

## บทเรียน

[การสร้างเกมพิมพ์ดีดโดยใช้การเขียนโปรแกรมแบบขับเคลื่อนด้วยเหตุการณ์](./typing-game/README.md)

## เครดิต

เขียนด้วย ♥️ โดย [Christopher Harrison](http://www.twitter.com/geektrainer)

---

**ข้อจำกัดความรับผิดชอบ**:  
เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษา AI [Co-op Translator](https://github.com/Azure/co-op-translator) แม้ว่าเราจะพยายามให้การแปลมีความถูกต้อง แต่โปรดทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาดั้งเดิมควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษามืออาชีพ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้