Mini Codetool

<div class="container"> <h1>Olá!</h1> <p>Edite HTML, CSS e JS e veja o resultado ao vivo.</p> <button id="btn">Clique aqui</button> </div>

body { font-family: system-ui, sans-serif; background: #0f172a; color: #e5e7eb; } .container { margin: 40px auto; max-width: 480px; padding: 24px; border-radius: 12px; background: #020617; box-shadow: 0 10px 30px rgba(0,0,0,0.4); text-align: center; } button { margin-top: 16px; padding: 8px 16px; border-radius: 6px; border: none; background: #22c55e; color: #022c22; font-weight: 600; cursor: pointer; }

const btn = document.getElementById('btn'); if (btn) { btn.addEventListener('click', () => { alert('Funcionando! 🎉'); }); }