Advanced Live Code Editor
Run
Refresh
Download
Clear
HTML
CSS
JavaScript
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>My Awesome Page</title> </head> <body> <h1>Hello World</h1> <button id="demo-btn">Click Me!</button> </body> </html>
body { font-family: Arial, sans-serif; text-align: center; background: #f0f2f5; color: #333; } button { background: #4a6cf7; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; } button:hover { background: #3a5ce5; }
document.getElementById("demo-btn").addEventListener("click", ()=>{ alert("Button clicked! JS is working."); });
Live Preview
Ready