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.

पहले से इंस्टॉल लाइब्रेरी
🚀 1,123 कुल निष्पादन (82 इस महीने)
एम्बेड करें
आउटपुट

कोडिंग चैलेंज के साथ Python का अभ्यास करें

सीधे इस एडिटर में प्रैक्टिकल समस्याएँ हल करें: सैंपल टेस्ट चलाएँ, सबमिट करें, और AI कोड रिव्यू पाएं।

सभी Python चैलेंज
आसान

Rectangle Perimeter

Compute the perimeter of a rectangle from its sides.

आप सीखेंगे अंकगणितलौटाए गए मान
BeginnerLearning-pathVariables
आसान

Distance Between Points

Compute the straight-line distance between two points.

आप सीखेंगे पाइथागोरस प्रमेयवर्गमूल
BeginnerFunctionsLearning-pathmath
आसान

Average of Three

Average three whole numbers.

आप सीखेंगे अंकगणितभाग
BeginnerLearning-pathVariables
आसान

Days in a Month

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

आप सीखेंगे कैलेंडर के नियमसहायक फ़ंक्शन
BeginnerConditionsFunctionsLearning-path
आसान

दो वेक्टरों का डॉट प्रोडक्ट

दो वेक्टरों के हर तत्व को आपस में गुणा करके परिणाम जोड़ें, यही हर न्यूरॉन की मूल गणना है।

आप सीखेंगे वेक्टरडॉट प्रोडक्ट
न्यूरल नेटवर्कएआईमशीन लर्निंग
आसान

मूल संख्या जांचें

निर्धारित करें कि कोई संख्या मूल है या नहीं।

आप सीखेंगे विभाज्यतालूप को तेज़ करना
BeginnerLoopsNumbersStudent-beginner
आसान

आर्मस्ट्रॉन्ग संख्या

जांचें कि कोई संख्या अपने अंकों की संख्या की घात में उठाए गए अंकों के योग के बराबर है या नहीं।

आप सीखेंगे अंक निकालनाघात
BeginnerNumbersStudent-beginner
आसान

Largest of Three

Pick the largest of three numbers without a built-in max.

आप सीखेंगे तुलनाशर्तें जोड़ना
BeginnerConditionsLearning-path
आसान

Number Triangle

Build a triangle of increasing numbers.

आप सीखेंगे बढ़ती पंक्तियाँपंक्तियों के पार काउंटर
BeginnerLearning-pathNested-loopsPatterns
आसान

Row Sums

Add up every row of a grid.

आप सीखेंगे 2D सूचियाँनेस्टेड लूप
BeginnerGridsLearning-path
आसान

Sum of Odd Numbers

Add every odd number up to a limit.

आप सीखेंगे for लूपसंचायक
BeginnerLearning-pathLoops
आसान

टू-डू लिस्ट

कामों की लिस्ट संभालें: जोड़ें, पूरा चिह्नित करें, हटाएँ और बताएँ कि क्या बाकी है।

आप सीखेंगे टाइप वाले कलेक्शनरिकॉर्ड
BeginnerSimulationStrings

🌀 इस TypeScript ऑनलाइन एक्जीक्यूटर के बारे में

CodeUtility TypeScript Executor आपको सीधे ब्राउज़र में TypeScript कोड लिखने और चलाने देता है - किसी कंपाइलर सेटअप, Node.js इंस्टॉलेशन, या लोकल एनवायरनमेंट की ज़रूरत नहीं। यह असली TypeScript कोड को JavaScript में कम्पाइल करके एक सुरक्षित, सैंडबॉक्स्ड रनटाइम में चलाता है।

यह वातावरण फिलहाल TypeScript 5.4 सपोर्ट करता है, जिससे आपको नवीनतम भाषा फीचर्स जैसे डेकोरेटर्स, बेहतर टाइप इन्फरेंस, और आधुनिक ECMAScript सपोर्ट मिलते हैं।

चाहे आप TypeScript सीख रहे हों, यूटिलिटी फ़ंक्शंस टेस्ट कर रहे हों, या टाइपिंग और इंटरफेसेज़ के साथ प्रयोग कर रहे हों, यह टूल आपके कोड को तेज़ी से लिखने, कम्पाइल करने, और तुरंत फीडबैक के साथ निष्पादित करने का इंटरैक्टिव तरीका देता है।

यह उन डेवलपर्स के लिए बढ़िया है जो TypeScript के टाइप सिस्टम को एक्सप्लोर करना चाहते हैं या देखना चाहते हैं कि TypeScript JavaScript में कैसे कम्पाइल होता है - वह भी एडिटर्स या लोकल टर्मिनल्स के बीच स्विच किए बिना।

सिर्फ़ एक कोड रनर से कहीं अधिक

एक ही एक्ज़ीक्यूटर में मल्टी-फ़ाइल एडिटर, अलग-थलग निष्पादन टर्मिनल, रनटाइम-विशिष्ट लाइब्रेरी, स्थायी वर्कस्पेस, साझाकरण और रीयल-टाइम सहयोग का उपयोग करें।

इस एक्ज़ीक्यूटर का उपयोग कैसे करें?

रनटाइम चुनें, फ़ाइल खोलें या बनाएँ, अपना कोड लिखें और चलाएँ चुनें। आउटपुट टर्मिनल में दिखाई देता है। साइन-इन उपयोगकर्ता वर्कस्पेस में फ़ाइलें रख सकते हैं, लाइब्रेरी इंस्टॉल कर सकते हैं और शेयर के माध्यम से सहयोग कर सकते हैं।

  1. एक संस्करण चुनें और वर्तमान फ़ाइल संपादित करें या वर्कस्पेस की दूसरी फ़ाइल खोलें।
  2. कोड चलाएँ, माँगे जाने पर टर्मिनल में इनपुट दें और सहेजा गया रन इतिहास देखें।
  3. जब कार्य के लिए एक से अधिक कोड अंश चाहिए, तो लाइब्रेरी, वर्कस्पेस टूल, शेयरिंग और चैट का उपयोग करें।

💡 शुरुआती लोगों के लिए TypeScript बेसिक्स गाइड

1. वेरिएबल्स की घोषणा

TypeScript let, const, और टाइप एनोटेशंस के साथ स्टैटिक टाइपिंग की अनुमति देता है।

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

2. कंडीशनल्स (if / switch)

ब्रांचिंग के लिए if, else if, और else का उपयोग करें। switch कई मानों को संभालता है।

let x = 5;
if (x > 0) {
  console.log("धनात्मक");
} else if (x < 0) {
  console.log("ऋणात्मक");
} else {
  console.log("शून्य");
}

switch (x) {
  case 1:
    console.log("एक");
    break;
  case 2:
    console.log("दो");
    break;
  default:
    console.log("अन्य");
}

3. लूप्स

इटरेशन के लिए for, while, और for...of का उपयोग करें।

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

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

4. एरेज़

एरे परिभाषित करने के लिए स्क्वायर ब्रैकेट्स [] का उपयोग करें।

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

5. एरे मैनीपुलेशन

push, splice, और filter जैसी बिल्ट-इन मेथड्स का उपयोग करें।

let arr = [10, 20, 30];
arr.push(40);          // अंत में जोड़ें
arr.splice(1, 1);      // दूसरा तत्व हटाएँ
console.log(arr);

6. कंसोल इनपुट/आउटपुट

कंसोल में आउटपुट दिखाने के लिए console.log का उपयोग करें।

const name: string = "Alice";
console.log("नमस्ते, " + name);

7. फंक्शंस

टाइप्ड पैरामीटर्स और रिटर्न वैल्यूज़ के साथ फ़ंक्शंस घोषित करें।

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

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

8. मैप्स

की-वैल्यू स्ट्रक्चर्स के लिए सादे ऑब्जेक्ट्स या Map का उपयोग करें।

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

9. एक्सेप्शन हैंडलिंग

एरर्स को संभालने के लिए try और catch का उपयोग करें।

try {
  throw new Error("कुछ गड़बड़ हो गई");
} catch (e) {
  console.error(e.message);
}

10. फ़ाइल I/O (सिर्फ Node.js)

फ़ाइल पढ़ने और लिखने के लिए Node.js के fs मॉड्यूल का उपयोग करें।

import * as fs from "fs";

fs.writeFileSync("file.txt", "हैलो फ़ाइल");
const content = fs.readFileSync("file.txt", "utf-8");
console.log(content);

11. स्ट्रिंग मैनीपुलेशन

length, concat, includes जैसी स्ट्रिंग मेथड्स का उपयोग करें।

let str = "नमस्ते दुनिया";
console.log(str.length);
console.log(str + "!");
console.log(str.includes("दुनिया"));

12. क्लासेज़ और ऑब्जेक्ट्स

TypeScript ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग को सपोर्ट करता है।

class Person {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  greet() {
    console.log(\`हाय, मैं \${this.name} हूँ\`);
  }
}

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