Home Posts Live code editor HTML CSS JS ▶ Run ⎘ Copy ↻ Reset HTML <!DOCTYPE html> <html> <head> <title>Demo</title> </head> <body> <h1>Hello World!</h1> <p>This is a live code editor.</p> </body> </html> CSS body { font-family: 'Segoe UI', sans-serif; background: #f5f5f5; color: #333; line-height: 1.6; padding: 20px; } h1 { color: #2c3e50; } JavaScript document.querySelector('h1').addEventListener('click', function() { this.style.color = '#e74c3c'; }); console.log('Code editor is ready!'); Preview ⛶
.png){kind=small}