JavaScript & TypeScript Online Compiler — Numio

JavaScript und TypeScript online ausführen – mit moderner ES2020+-Syntax und sofortiger console.log-Ausgabe in einer isolierten Sandbox. Kostenlos.

Läuft im Browser · Ohne Registrierung

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

Strg/⌘ + Enter zum Ausführen

Ausgabe

Der Code läuft lokal in deinem Browser und wird nicht hochgeladen.

Anwendung

JavaScript oder TypeScript wählen.
Code schreiben und Ergebnisse mit console.log ausgeben.
Auf „Ausführen“ klicken (oder Strg/⌘ + Enter), um die Ausgabe zu sehen.

Beispiel

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

Details und Einschränkungen

Der Code läuft in QuickJS, einer eigenen JavaScript-Engine als WebAssembly. Sie ist von der Seite isoliert: kein DOM, kein Netzwerk, keine Browser-APIs.

Bei TypeScript werden die Typannotationen vor dem Ausführen entfernt. Typfehler werden nicht geprüft, nur Syntaxfehler gemeldet.

FAQ

Kann ich document oder fetch nutzen?

Nein. Die Sandbox hat kein DOM, kein Netzwerk und keine Browser-APIs. Für Webseiten nutze den Online-HTML-Editor.

Werden TypeScript-Typen geprüft?

Nein. Die Typen werden entfernt und der Code läuft als JavaScript, daher werden nur Syntaxfehler angezeigt.

Welche Syntax wird unterstützt?

Modernes JavaScript, etwa let/const, Pfeilfunktionen, Klassen, Destrukturierung, Template-Literale und Optional Chaining.

Formatreferenzen

Tool-Seite aktualisiert: 2026-10-22