Có dùng được document hoặc fetch không?

Không. Môi trường cách ly không có DOM, mạng hay API trình duyệt. Để làm việc với trang web, hãy dùng trình soạn thảo HTML online.

Có kiểm tra kiểu TypeScript không?

Không. Kiểu bị loại bỏ và mã chạy như JavaScript, nên chỉ hiện lỗi cú pháp.

Hỗ trợ cú pháp nào?

JavaScript hiện đại, gồm let/const, hàm mũi tên, class, destructuring, template literal và optional chaining.

Chạy JavaScript & TypeScript Online

Chạy JavaScript và TypeScript online với cú pháp hiện đại ES2020+. Xem kết quả console.log ngay trong môi trường cách ly. Miễn phí, không cần đăng ký.

Ctrl/⌘ + Enter để chạy

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

Kết quả

Chưa có kết quả. Nhấn Chạy để xem kết quả tại đây.

JavaScript

Mã chạy ngay trên trình duyệt của bạn và không được tải lên.

Tài liệu tham khảo về định dạng

Trang công cụ được cập nhật: 2026-10-22

Kết quả

Hướng dẫn và ví dụ

Công cụ liên quan

Tài liệu tham khảo về định dạng