Web Code Playground
Edit HTML, CSS, JS → click Run
Run ▶
Code
HTML
<h1>Hello, Web Playground!</h1> <p>Edit the HTML, CSS, and JS, then hit <strong>Run</strong>.</p> <button id="clickMe">Click me</button> <div id="output"></div>
CSS
body { font-family: system-ui, sans-serif; padding: 2rem; background: radial-gradient(circle at top, #1f2937, #020617); color: #e5e7eb; } h1 { color: #fbbf24; } button { padding: 0.4rem 0.8rem; border-radius: 6px; border: none; background: #22c55e; color: #022c22; font-weight: 600; cursor: pointer; } button:hover { background: #4ade80; }
JavaScript
document.getElementById("clickMe").addEventListener("click", () => { const out = document.getElementById("output"); out.textContent = "Button clicked at " + new Date().toLocaleTimeString(); });
Preview