Online JavaScript- en TypeScript-compiler — Numio

Voer JavaScript en TypeScript online uit met moderne ES2020+-syntaxis. Zie console.log-uitvoer direct in een geïsoleerde sandbox. Gratis, zonder account.

Werkt in je browser · Geen registratie

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 om uit te voeren

Uitvoer

Code draait lokaal in je browser en wordt niet geüpload.

Hoe werkt het

Kies JavaScript of TypeScript.
Schrijf je code en toon resultaten met console.log.
Klik op Uitvoeren (of Ctrl/⌘ + Enter) om de uitvoer te zien.

Voorbeeld

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

Details en beperkingen

Code draait in QuickJS, een aparte JavaScript-engine gecompileerd naar WebAssembly. Die is afgeschermd van de pagina: geen DOM, netwerk of browser-API’s.

Bij TypeScript worden type-annotaties vóór het uitvoeren verwijderd. Typefouten worden niet gecontroleerd; alleen syntaxisfouten worden gemeld.

FAQ

Kan ik document of fetch gebruiken?

Nee. De sandbox heeft geen DOM, netwerk of browser-API’s. Gebruik voor webpagina’s de online HTML-editor.

Worden TypeScript-types gecontroleerd?

Nee. De types worden verwijderd en de code draait als JavaScript, dus alleen syntaxisfouten worden getoond.

Welke syntaxis wordt ondersteund?

Modern JavaScript, waaronder let/const, arrow functions, classes, destructuring, template literals en optional chaining.

Referenties

Pagina bijgewerkt: 2026-10-22