HTML/CSS 遊樂場 - 即時程式碼編輯器

Ad 728x90

Google AdSense 將顯示於此

HTML

<div class="container"><h1>Hello, Playground!</h1><button id="myButton" class="demo-btn">Click Me</button></div>

CSS

.demo-btn { background: #3b82f6; color: white; padding: 8px 16px; border: none; border-radius: 8px; cursor: pointer; }
.demo-btn:hover { background: #2563eb; }

JavaScript

document.getElementById('myButton')?.addEventListener('click', () => { alert('Button clicked!'); });

即時預覽：