Bisakah saya memakai document atau fetch?

Tidak. Sandbox tidak memiliki DOM, jaringan, atau API browser. Untuk halaman web, gunakan editor HTML online.

Apakah tipe TypeScript diperiksa?

Tidak. Tipe dihapus dan kode dijalankan sebagai JavaScript, jadi hanya error sintaks yang muncul.

Sintaks apa yang didukung?

JavaScript modern, termasuk let/const, arrow function, class, destructuring, template literal, dan optional chaining.

Compiler JavaScript & TypeScript Online

Jalankan JavaScript dan TypeScript online dengan sintaks modern ES2020+. Lihat output console.log seketika di sandbox terisolasi. Gratis, tanpa daftar.

Ctrl/⌘ + Enter untuk menjalankan

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();

Output

Belum ada output. Tekan Jalankan untuk melihat hasilnya di sini.

JavaScript

Kode berjalan di browser Anda dan tidak diunggah.

Referensi format

Halaman alat diperbarui: 2026-10-22

Output

Panduan dan contoh

Alat terkait

Referensi format