آزمایشگاه کد آنلاین

کد خود را بنویس و نتیجه را بلافاصله ببین! HTML، CSS، JavaScript، PHP، پایتون، C++، SQL، روبی، Go، جاوا، لوا، جولیا، پاسکال و پرل — همه در یک صفحه. نیازی به نصب هیچ‌چیز نیست، همه‌چیز در مرورگر اجرا می‌شود.

ویرایشگر کد
HTML
<div class="card">
<h1>سلام دنیا! 👋</h1>
<p>به آزمایشگاه کد خوش آمدید.</p>
<button id="btn">کلیک کن!</button>
<p id="counter">تعداد کلیک: ۰</p>
</div>

CSS
body {
font-family: 'Vazirmatn', Tahoma, sans-serif;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
background: linear-gradient(135deg, #fdfbf7 0%, #f5f0e6 100%);
}

.card {
background: #fdfbf7;
border: 3px solid #2d2d2d;
border-radius: 12px 50px 12px 50px / 50px 12px 50px 12px;
padding: 32px;
text-align: center;
box-shadow: 5px 5px 0 #2d2d2d;
}

h1 {
color: #e8743b;
margin-bottom: 8px;
}

button {
background: #e8743b;
color: #fdfbf7;
border: 2px solid #2d2d2d;
padding: 8px 24px;
border-radius: 8px 20px 8px 20px / 20px 8px 20px 8px;
JS
let count = 0;
const btn = document.getElementById('btn');
const counter = document.getElementById('counter');

const faDigits = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹'];

btn.addEventListener('click', () => {
count++;
const faNum = String(count).split('').map(d => faDigits[d] || d).join('');
counter.textContent = 'تعداد کلیک: ' + faNum;
});

خروجی

راهنمایی

  • زبانی که می‌خواهی را از تب‌های بالا انتخاب کن.
  • کدت را بنویس و دکمه «اجرا» را بزن تا نتیجه را ببینی.
  • برای HTML/CSS/JS سه بخش جداگانه داری که با هم ترکیب می‌شوند.
  • برای PHP و پایتون بار اول اجرا کمی طول می‌کشد چون مفسر در حال بارگذاری است.
  • برای SQL یک دیتابیس نمونه آماده است و می‌توانید کوئری‌های واقعی اجرا کنید.
  • دکمه «تمام صفحه» برای تجربه بهتر ویرایش کد.