HTML Editor ออนไลน์ ดูผลทันที — Numio

วิธีใช้

1. เขียน HTML ใส่ CSS ใน <style> และ JavaScript ใน <script>
2. ตัวอย่างจะอัปเดตอัตโนมัติขณะพิมพ์
3. ดูข้อความคอนโซลใต้ตัวอย่าง

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
<style>
  body { font-family: sans-serif; padding: 16px; }
  button { padding: 8px 16px; }
</style>
</head>
<body>
  <h1>สวัสดี!</h1>
  <button id="btn">คลิกเลย</button>
  <p id="out"></p>
  <script>
    let n = 0;
    document.getElementById("btn").onclick = () => {
      n++;
      document.getElementById("out").textContent = "จำนวนคลิก: " + n;
      console.log("click", n);
    };
  </script>
</body>
</html>

รายละเอียดและข้อจำกัด

ตัวอย่างทำงานในเฟรมแซนด์บ็อกซ์ สคริปต์เข้าถึงหน้านี้หรือคุกกี้ไม่ได้

อยากรีเฟรชเอง? ปิดการอัปเดตอัตโนมัติแล้วกด รัน

FAQ

เครื่องมือที่เกี่ยวข้อง

แหล่งอ้างอิงรูปแบบไฟล์

• MDN — iframe sandbox
• MDN — HTML

อัปเดตหน้าเครื่องมือเมื่อ: 2026-10-22