เกมคณิตฯเปรียบเทียบเลขไม่เกิน10

Prompt สำหรับสร้างแอปแบบนี้เอง

คัดลอกไปวางกับ AI เพื่อดัดแปลงเป็นเวอร์ชันของคุณเองได้

สร้างเว็บแอปเพื่อการศึกษาในรูปแบบ Single HTML File (HTML + CSS + JavaScript ในไฟล์เดียว) 
สำหรับนักเรียนระดับ {{ระดับชั้น เช่น ป.1}} 
วิชา {{ชื่อวิชา เช่น ภาษาคณิตศาสตร์}} 
เรื่อง {{หัวข้อ เช่น การเปรียบเทียบจำนวน 0-10}}

## 🎨 ข้อกำหนดการออกแบบ (UI/UX)
- ใช้โทนสี {{เช่น พาสเทล สดใส เหมาะกับเด็ก}} 
- Font ตัวอักษร {{เช่น อ่านง่าย ขนาดใหญ่ เช่น Prompt, Sarabun}} 
- ปุ่มกดต้องใหญ่และชัดเจน (เหมาะกับเด็กเล็ก)
- มี animation น่ารัก (เช่น pop-in, bounce, shake เมื่อตอบผิด)
- ใช้ emoji แทนรูปภาพ (ไม่ต้องพึ่งไฟล์ภาพ)
- Responsive ใช้งานได้ทั้งบนมือถือและคอมพิวเตอร์

## 🎮 กลไกการเล่น (Game Mechanics)
- สร้างโจทย์ทั้งหมด {{จำนวน เช่น 121 แบบ}} โดยต้องไม่ซ้ำกัน
- สุ่มลำดับโจทย์ใหม่ทุกครั้ง (Fisher-Yates Shuffle)
- แสดง {{item เช่น emoji ผลไม้ สัตว์ สิ่งของ}} ตามจำนวนตัวเลขที่กำหนด
- แสดงตัวเลขกำกับในแต่ละกลุ่ม
- มีปุ่มคำตอบ {{เช่น < = > หรือ ตัวเลือก ก ข ค}}
- มีระบบ feedback ทันที:
  - ตอบถูก: แสดง animation + ข้อความชื่นชม + ไปข้อถัดไปอัตโนมัติ
  - ตอบผิด: แสดงคำตอบที่ถูกพร้อมคำอธิบายอย่างง่าย + ไปข้อถัดไป

## 📊 ระบบติดตามผล
- แสดงคะแนน: ข้อถูก, ข้อผิด, จำนวนข้อที่ทำไปแล้ว/ทั้งหมด
- มีปุ่ม "ข้ามข้อนี้" และ "เริ่มเกมใหม่"
- (Optional) มีปุ่มสลับโหมด เช่น โหมดฝึก/โหมดจับเวลา

## 💻 ข้อกำหนดทางเทคนิค
- ใช้ภาษา HTML5, CSS3, JavaScript (Vanilla ไม่ใช้ framework)
- ไม่มีการเชื่อมต่ออินเทอร์เน็ต (ทำงานแบบ Offline)
- โค้ดต้องสะอาด มี comment อธิบายสำคัญ
- ใช้ `localStorage` เพื่อบันทึกคะแนน (ถ้าต้องการ)

## 🎯 เป้าหมายการเรียนรู้
- เด็กต้องเข้าใจเรื่อง {{เป้าหมายการเรียนรู้ เช่น มากกว่า น้อยกว่า เท่ากับ}}
- ต้องสนุกและไม่รู้สึกกดดันเมื่อตอบผิด

กรุณาเขียนโค้ดให้ครบในไฟล์เดียว (Single File) สามารถ Copy ไปบันทึกเป็น .html แล้วเปิดใช้งานได้เลย

แอปอื่นที่น่าสนใจ