โปรเจกต์ที่รันได้จริง

การ์ดด้านล่างแสดงผลลัพธ์จริงของแต่ละโปรเจกต์ (ไม่ใช่ภาพนิ่ง) กดปุ่ม ดูตัวอย่างจริง เพื่อใช้งานแบบเต็มจอ หรือกดปุ่ม </> HTML, # CSS และ JS JavaScript เพื่อเปิดดู Code ของภาษานั้นได้ทันที

🔀
สลับดู Code ได้ทุกภาษาในหน้าต่างเดียว

เมื่อเปิดโปรเจกต์แล้ว จะมีแท็บ ผลลัพธ์ · HTML · CSS · JavaScript อยู่ด้านบน คลิกเพื่อสลับได้ทันที (หรือกดปุ่ม ขณะโฟกัสที่แท็บ) และกด Esc เพื่อปิด

📘
วิธีใช้โปรเจกต์ให้ได้ผลที่สุด

ลองอ่าน Code ให้เข้าใจ แล้วปิดหน้านี้ จากนั้นเปิด Code Playground แล้วเขียนใหม่ด้วยตัวเองตั้งแต่ต้น ดัดแปลงสี ข้อความ หรือเพิ่มฟีเจอร์ใหม่