ใช้ document หรือ fetch ได้ไหม

ไม่ได้ ในแซนด์บ็อกซ์ไม่มี DOM เครือข่าย หรือ API ของเบราว์เซอร์ หากทำงานกับหน้าเว็บ ให้ใช้ HTML editor ออนไลน์

ตรวจ type ของ TypeScript ไหม

ไม่ type จะถูกลบออกแล้วรันเป็น JavaScript จึงแสดงเฉพาะ syntax error

รองรับไวยากรณ์แบบใด

JavaScript สมัยใหม่ เช่น let/const, arrow function, class, destructuring, template literal

รัน JavaScript และ TypeScript ออนไลน์

รัน JavaScript และ TypeScript ออนไลน์ รองรับ ES2020+ ดูผล console.log ทันทีในแซนด์บ็อกซ์แยก ฟรี ไม่ต้องสมัคร

Ctrl/⌘ + Enter เพื่อรัน

main.js

const orders = [
  { id: 1, customer: "Ana", total: 42.5, paid: true },
  { id: 2, customer: "Ben", total: 18, paid: false },
  { id: 3, customer: "Ana", total: 27.25, paid: true }
];

class Cart {
  #items = [];
  add(name, price) {
    this.#items.push({ name, price });
    return this;
  }
  get total() {
    return this.#items.reduce((sum, item) => sum + item.price, 0);
  }
}

const wait = ms => new Promise(resolve => setTimeout(resolve, ms));

async function main() {
  const paid = orders.filter(order => order.paid);
  const spent = paid.reduce((sums, order) => {
    sums[order.customer] = (sums[order.customer] ?? 0) + order.total;
    return sums;
  }, {});
  console.log("Paid orders:", paid.map(order => order.id).join(", "));
  console.log("Spent per customer:", spent);

await wait(100);
  const cart = new Cart().add("Pen", 1.5).add("Notebook", 3.25);
  console.log(`Cart total: ${cart.total.toFixed(2)}`);

for (const { id, customer, total } of orders)
    console.log(`#${id}`.padEnd(4), customer.padEnd(5), total.toFixed(2).padStart(6));
}

main();

เอาต์พุต

ยังไม่มีเอาต์พุต กด รัน เพื่อดูผลลัพธ์ที่นี่

JavaScript

โค้ดทำงานในเบราว์เซอร์ของคุณ และไม่ถูกอัปโหลด

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

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

เอาต์พุต

คู่มือและตัวอย่าง

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

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