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

44 lines
4.0 KiB

<!--
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) แม้ว่าเราจะพยายามให้การแปลมีความถูกต้อง แต่โปรดทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาดั้งเดิมควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษามืออาชีพ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้