vibe coding
sakin
odak
enerjik
▶ çalıştır
⌘⏎
●
index.html
●
style.css
●
script.js
<div class="card"> <h1>merhaba, vibe var mı?</h1> <p>Soldan yaz, sağda anında gör.</p> <button id="btn">dokun bana</button> </div>
body{ height:100vh; margin:0; display:flex; align-items:center; justify-content:center; background:#0f1020; font-family:sans-serif; } .card{ text-align:center; color:#f1ecff; padding:40px 48px; border-radius:18px; background:linear-gradient(145deg,#1c1730,#241d3a); border:1px solid #34294a; } button{ margin-top:16px; padding:10px 20px; border:none; border-radius:10px; background:#7ee8c1; color:#0d1f18; font-weight:600; cursor:pointer; }
document.getElementById('btn').addEventListener('click', () => { document.querySelector('h1').textContent = 'işte bu, vibe yakalandı ✨'; });
ÖNİZLEME
anlık güncellenir