Online Code Editor – Write & Run HTML, JS, Python Online
OnlineCodeEditor
Run
Clear
Save
Layout
<!-- Write your HTML/CSS/JS code here --> <!-- Example code you can write: --> <!DOCTYPE html> <html> <head> <title>Color Magic</title> <style> body { text-align: center; font-family: Arial; } h1 { margin: 30px 0; } </style> </head> <body> <h1>Click Adventure</h1> <button id="magicBtn">Do Magic</button> <script> const btn = document.getElementById('magicBtn'); let clicks = 0; btn.addEventListener('click', () => { clicks++; document.body.style.background = `hsl(${clicks * 30}, 70%, 90%)`; btn.textContent = ['Wow!', 'Amazing!', 'Again!', 'More!'][clicks % 4]; if (clicks === 5) { btn.insertAdjacentHTML('afterend', '<p>You unlocked secret mode!</p>'); btn.onclick = () => document.body.style.background = `#${Math.floor(Math.random()*16777215).toString(16)}`; } }); </script> </body> </html>