document veya fetch kullanabilir miyim?

Hayır. Bu ortamda DOM, ağ veya tarayıcı API'leri yoktur. Web sayfalarıyla çalışmak için online HTML düzenleyiciyi kullanın.

TypeScript türleri denetleniyor mu?

Hayır. Türler kaldırılır ve kod JavaScript olarak çalışır; bu yüzden yalnızca sözdizimi hataları görünür.

Hangi sözdizimi destekleniyor?

let/const, ok fonksiyonları, sınıflar, yapı bozma, şablon dizgeleri ve optional chaining gibi modern JavaScript özellikleri.

Online JavaScript ve TypeScript Derleyici

JavaScript ve TypeScript'i modern ES2020+ sözdizimiyle online çalıştırın. console.log çıktısını yalıtılmış bir ortamda anında görün. Ücretsiz, kayıt yok.

Çalıştırmak için Ctrl/⌘ + Enter

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

Çıktı

Henüz çıktı yok. Sonucu burada görmek için Çalıştır'a basın.

JavaScript

Kod tarayıcınızda yerel olarak çalışır; hiçbir yere yüklenmez.

Biçim kaynakları

Araç sayfasının güncellenme tarihi: 2026-10-22

Çıktı

Kılavuz ve örnek

İlgili araçlar

Biçim kaynakları