Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html><html><head><style>.box{padding:20px;border-radius:8px;background:#f1f5f9;transition:all .3s}.active{background:#6366f1;color:white}</style></head><body style="padding:20px;font-family:Arial"><div class="box" id="b">Click to change me!</div><button onclick="document.getElementById('b').classList.toggle('active')" style="margin-top:10px;padding:8px 16px;background:#6366f1;color:white;border:none;border-radius:4px;cursor:pointer">Toggle</button></body></html>
Result
Open