document.addEventListener('DOMContentLoaded', () => {
const output = document.getElementById('output') as HTMLElement;
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(res => res.json())
.then(data => { output.textContent = JSON.stringify(data); })
.catch(err => console.error(err));
});Coding works best on desktop or with an external keyboard.
Fetches data from an API, parses JSON, and renders results in the DOM.
document.addEventListener('DOMContentLoaded', () => {
const output = document.getElementById('output') as HTMLElement;
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(res => res.json())
.then(data => { output.textContent = JSON.stringify(data); })
.catch(err => console.error(err));
});TypeScript is a statically typed superset of JavaScript that enhances developer productivity, scalability, and reliability by adding static types, modern tooling, and advanced language features while compiling to plain JavaScript for any runtime.
Origin & Creator
Created by Microsoft under the leadership of Anders Hejlsberg (creator of C#), first released publicly in 2012. Initially invented to solve JavaScript scalability issues in large applications. Evolved through major versions adding classes, modules, generics, decorators, async/await support, strict mode, union types, mapped types, and powerful type inference.
Industrial Note
TypeScript dominates enterprise-scale frontend engineering, powering frameworks like Angular, Next.js, React, Vue, Bun, Deno, and many internal developer tools at companies such as Microsoft, Google, Airbnb, Shopify, Stripe, and Meta.