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.
44 lines
4.0 KiB
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 ที่คุณได้เรียนรู้มาเพื่อสร้างเกมพิมพ์ดีดนี้
|
|
|
|
|
|
|
|
## สิ่งที่ควรรู้ก่อนเริ่ม
|
|
|
|
บทเรียนนี้สมมติว่าคุณคุ้นเคยกับแนวคิดต่อไปนี้:
|
|
|
|
- การสร้างช่องป้อนข้อความและปุ่มควบคุม
|
|
- CSS และการตั้งค่าสไตล์โดยใช้คลาส
|
|
- พื้นฐานของ JavaScript
|
|
- การสร้างอาร์เรย์
|
|
- การสร้างตัวเลขสุ่ม
|
|
- การดึงเวลาปัจจุบัน
|
|
|
|
## บทเรียน
|
|
|
|
[การสร้างเกมพิมพ์ดีดโดยใช้การเขียนโปรแกรมแบบขับเคลื่อนด้วยเหตุการณ์](./typing-game/README.md)
|
|
|
|
## เครดิต
|
|
|
|
เขียนด้วย ♥️ โดย [Christopher Harrison](http://www.twitter.com/geektrainer)
|
|
|
|
---
|
|
|
|
**ข้อจำกัดความรับผิดชอบ**:
|
|
เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษา AI [Co-op Translator](https://github.com/Azure/co-op-translator) แม้ว่าเราจะพยายามให้การแปลมีความถูกต้อง แต่โปรดทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาดั้งเดิมควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษามืออาชีพ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้ |