CodeStudio
ذخیره پروژه
بارگذاری پروژه
Built with anycoder
HTML
<h1>سلام دنیا!</h1> <p>این یک متن نمونه است.</p> <button id="btn">روی من کلیک کن</button>
CSS
body { font-family: sans-serif; background-color: #f0f0f0; text-align: center; padding: 20px; } h1 { color: #333; } button { padding: 10px 20px; background: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer; transition: 0.3s; } button:hover { background: #0056b3; }
JavaScript
document.getElementById('btn').addEventListener('click', function() { alert('شما روی دکمه کلیک کردید!'); this.style.backgroundColor = '#28a745'; this.textContent = 'کلیک شد!'; });
خروجی (Preview)