Czy mogę użyć document albo fetch?

Nie. Środowisko nie ma DOM, sieci ani API przeglądarki. Do pracy ze stronami użyj edytora HTML online.

Czy typy TypeScriptu są sprawdzane?

Nie. Typy są usuwane, a kod działa jako JavaScript, więc widać tylko błędy składni.

Jaka składnia jest obsługiwana?

Nowoczesny JavaScript, m.in. let/const, funkcje strzałkowe, klasy, destrukturyzacja, literały szablonowe i optional chaining.

Kompilator JavaScript i TypeScript online

Uruchamiaj JavaScript i TypeScript online z nowoczesną składnią ES2020+. Wynik console.log od razu, w odizolowanym środowisku. Za darmo, bez rejestracji.

Ctrl/⌘ + Enter, aby uruchomić

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

Wynik

Brak wyniku. Kliknij Uruchom, aby zobaczyć go tutaj.

JavaScript

Kod działa lokalnie w przeglądarce i nie jest nigdzie wysyłany.

Źródła

Aktualizacja strony: 2026-10-22

Wynik

Instrukcja i przykład

Powiązane narzędzia

Źródła