🎮

Code Playground

Experiment with JavaScript, TypeScript, and React JSX in real-time! 🚀

📁 Multiple Files🔢 Line Numbers🎨 Syntax Highlighting▶️ Manual Run➕ Create Files

// JavaScript Playground
console.log("Hello from JavaScript!");

// Try some JavaScript code here
const greet = (name) => {
  return `Hello, ${name}!`;
};

console.log(greet("World"));

// Array methods
const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(n => n * 2);
console.log("Doubled:", doubled);

// Filter example
const evens = numbers.filter(n => n % 2 === 0);
console.log("Even numbers:", evens);

// Reduce example
const sum = numbers.reduce((acc, n) => acc + n, 0);
console.log("Sum:", sum);

Open Sandbox

💡 Tips:

📂 File Explorer: Navigate between multiple files using the file tree on the left
➕ Create Files: Click "New File" button to add new files to your project
🔢 Line Numbers: Enabled by default for easy reference and debugging
📟 Console Output: For JS/TS, see console.log output in the right panel after running
▶️ Manual Execution: Click the "Run Code" button to execute your code - no auto-run
📁 Organized Structure: Files are organized in folders (utils, components, types)
🗑️ No Persistence: All changes are temporary and reset when you leave the page