Compiler JavaScript & TypeScript Online — Numio

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

Berjalan di browser Anda · Tanpa pendaftaran

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

Ctrl/⌘ + Enter untuk menjalankan

Output

Kode berjalan di browser Anda dan tidak diunggah.

Cara penggunaan

Pilih JavaScript atau TypeScript.
Tulis kode dan tampilkan hasil dengan console.log.
Tekan Jalankan (atau Ctrl/⌘ + Enter) untuk melihat output.

Contoh

// Contoh JavaScript
const nums = [3, 1, 4, 1, 5, 9];
const sorted = [...nums].sort((a, b) => a - b);
console.log("Terurut:", sorted.join(", "));
console.log("Maksimum:", Math.max(...nums));

Detail dan batasan

Kode berjalan di QuickJS, mesin JavaScript terpisah yang dikompilasi ke WebAssembly. Mesin ini terisolasi dari halaman: tanpa DOM, jaringan, atau API browser.

Untuk TypeScript, anotasi tipe dihapus sebelum dijalankan. Error tipe tidak diperiksa; hanya error sintaks yang dilaporkan.

FAQ

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.

Referensi format

Halaman alat diperbarui: 2026-10-22