Online TypeScript Compiler

Write, compile, run, and debug TypeScript online in a full-featured browser IDE. Manage multiple files and packages, save your workspace, and collaborate in real time.

Version

Pre-installed Libs

🚀 1,087 total executions (46 this month)

Output

Practice Python with coding challenges

Solve hands-on problems right in this editor: run the sample tests, submit, and get an AI code review.

All Python challenges

Easy

Rectangle Perimeter

Compute the perimeter of a rectangle from its sides.

You'll learn ArithmeticReturn values

BeginnerLearning-pathVariables

View solutions (6)

Easy

Days in a Month

Return how many days a month has, including leap years.

You'll learn Calendar rulesHelper functions

BeginnerConditionsFunctionsLearning-path

View solutions (3)

Easy

Dot Product of Two Vectors

Multiply two vectors element by element and add the results: the core operation of every neuron.

You'll learn VectorsDot product

Neural networksaimachine learning

View solutions (3)

Easy

Distance Between Points

Compute the straight-line distance between two points.

You'll learn Pythagorean theoremSquare roots

BeginnerFunctionsLearning-pathmath

View solutions (2)

Easy

Average of Three

Average three whole numbers.

You'll learn ArithmeticDivision

BeginnerLearning-pathVariables

View solutions (2)

Easy

To-Do List

Keep a list of tasks: add them, mark them done, remove them and report what is still pending.

You'll learn Typed collectionsRecords

BeginnerSimulationStrings

View solutions (1)

Easy

Prime Number Check

Decide whether a number is prime.

You'll learn DivisibilityLoop optimization

BeginnerLoopsNumbersStudent-beginner

View solutions (1)

Hard

Word Break

Decide whether text can be split into dictionary words.

You'll learn Prefix DPString segmentation

AdvancedDynamic-programmingHackathonStrings

View solutions (1)

Easy

Count Pairs With a Sum

Count pairs of positions whose values add up to a target.

You'll learn Pairs of indexesAvoiding double counts

ArraysBeginnerLearning-pathNested-loops

View solutions (1)

Easy

Missing Number

Find the one number missing from 0..n.

You'll learn Arithmetic seriesSum difference trick

ArraysBeginnerStudent-beginnermath

View solutions (1)

Medium

K-th Smallest Element

Find the k-th smallest value without fully sorting.

You'll learn QuickselectPartitioning

AdvancedCompetitive-programmingSorting

View solutions (1)

Easy

Min and Max Together

Find the smallest and largest value in one pass.

You'll learn Single passMultiple return values

ArraysBeginnerFunctionsLearning-path

View solutions (1)

🌀 About This TypeScript Online Executor

The CodeUtility TypeScript Executor lets you write and run TypeScript code directly in your browser - no compiler setup, Node.js installation, or local environment required. It runs real TypeScript code compiled to JavaScript inside a secure, sandboxed runtime.

This environment currently supports TypeScript 5.4, giving you access to the latest language features such as decorators, improved type inference, and modern ECMAScript support.

Whether you're learning TypeScript, testing utility functions, or experimenting with typing and interfaces, this tool provides a fast and interactive way to write, compile, and execute your code with instant feedback.

It’s perfect for developers who want to explore TypeScript’s type system or verify how TypeScript compiles to JavaScript without switching between editors or local terminals.

More than a code runner

Use a multi-file editor, an isolated execution terminal, runtime-specific libraries, persistent workspaces, sharing, and real-time collaboration from the same executor.

How to use this executor?

Choose a runtime, open or create a file, write your code, and select Run. Output appears in the terminal, while signed-in users can keep files in a workspace, install libraries, and collaborate through shares.

Select a version and edit the current file or open another workspace file.
Run the code, provide input in the terminal when requested, and review saved run history.
Use libraries, workspace tools, sharing, and chat when your task needs more than one snippet.

Start coding

VersionSelect a runtime before running. Installed libraries belong to the selected language version.
Open files lists unopened text files. Select one to open it in an available editor tab.
Run executes the active file with its workspace available to the program.
Stop ends the current execution before its time limit.
Advanced Mode opens the IDE layout with a file explorer and movable, resizable terminal.

Workspace and libraries

New file creates a file in the selected parent directory and opens it in the editor.
New folder creates a directory, up to the supported nesting depth.
Upload files adds one or more safe files to a directory.
Download saves a file or a zipped directory to your device.
Copy duplicates a workspace file or directory.
Rename changes a file name and updates its open tab and history.
Move relocates an item; files and directories can also be dragged.
Delete removes an item after confirmation and closes its open editor tab.
Pre-installed Libs shows packages already included in this runtime.
Add Lib installs a private package for your account and selected runtime.

Terminal and assistance

Run history opens previous and next saved outputs.
Run with switches TypeScript between the execution server and Browser TypeScript. Browser TypeScript synchronizes workspace files, while account-installed libraries and interactive terminal input require the execution server.
Copy output copies the current terminal text.
Clear output removes all saved run outputs after confirmation.
Explain summarizes the active code.
Recents opens recent explanations and results.
Settings changes fonts, themes, and visible toolbar buttons.

Sharing and collaboration

Share publishes the current file, a directory, or the whole workspace as a snapshot or live workspace. You control link access and who may save changes.
Logs records saved collaborator actions in a shared workspace.
Share chat lets signed-in participants message, mention people, share code blocks, and see online or typing members.
Live collaboration shows collaborator cursors and saved file updates. View-only users can load the latest version or keep temporary edits.

Quotas and limits

Execution time is limited to 20 seconds per server run. Use Stop when you want to end it sooner.
Workspace storage allows 100 files, 100 directories, and 10 MiB total for each signed-in user workspace and language.
Files and folders are limited to 1 MiB per file and 5 nested directory levels. Files generated by your code follow the same quota.
Private libraries are limited to 10 installed packages for each account and runtime.
Share snapshots can contain up to 100 files, 1 MiB per file, and 2 MiB total.
Share invitations support up to 25 people per share, with access and saving permissions managed separately.
Share chat allows 2,000 characters per message and 10,000 messages per share.
Quota enforcement also applies while code is running. A write that exceeds file count, size, storage, or nesting limits is rejected safely.

Good to know Only run code and install packages you trust. Execution is isolated and limited, but your program can still modify files inside a writable workspace up to its enforced quota.

💡 TypeScript Basics Guide for Beginners

1. Declaring Variables

TypeScript allows static typing with let, const, and type annotations.

let x: number = 10;
const pi: number = 3.14;
let name: string = "Alice";
let isActive: boolean = true;

2. Conditionals (if / switch)

Use if, else if, and else for branching. switch handles multiple values.

let x = 5;
if (x > 0) {
  console.log("Positive");
} else if (x < 0) {
  console.log("Negative");
} else {
  console.log("Zero");
}

switch (x) {
  case 1:
    console.log("One");
    break;
  case 2:
    console.log("Two");
    break;
  default:
    console.log("Other");
}

3. Loops

Use for, while, and for...of for iteration.

for (let i = 1; i <= 5; i++) {
  console.log(i);
}

let i = 5;
while (i > 0) {
  console.log(i);
  i--;
}

4. Arrays

Use square brackets [] to define arrays.

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob"];
console.log(numbers[1]);

5. Array Manipulation

Use built-in methods like push, splice, and filter.

let arr = [10, 20, 30];
arr.push(40);          // Append
arr.splice(1, 1);      // Remove second element
console.log(arr);

6. Console Input/Output

Use console.log to display output in the console.

const name: string = "Alice";
console.log("Hello, " + name);

7. Functions

Declare functions with typed parameters and return values.

function add(a: number, b: number): number {
  return a + b;
}

console.log(add(3, 5));

8. Maps

Use plain objects or Map for key-value structures.

const m = new Map<string, number>();
m.set("Alice", 25);
console.log(m.get("Alice"));

9. Exception Handling

Use try and catch to handle errors.

try {
  throw new Error("Something went wrong");
} catch (e) {
  console.error(e.message);
}

10. File I/O (Node.js only)

Use Node.js fs module to read and write files.

import * as fs from "fs";

fs.writeFileSync("file.txt", "Hello File");
const content = fs.readFileSync("file.txt", "utf-8");
console.log(content);

11. String Manipulation

Use string methods like length, concat, includes.

let str = "Hello World";
console.log(str.length);
console.log(str + "!");
console.log(str.includes("World"));

12. Classes & Objects

TypeScript supports object-oriented programming.

class Person {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  greet() {
    console.log(\`Hi, I'm \${this.name}\`);
  }
}

const p = new Person("Alice");
p.greet();