کد ماشین حساب در جاوا اسکریپت
در اینجا به بررسی کد ماشین حسابی می‌پردازیم که با استفاده از جاوا اسکریپت ساخته شده است. این کد به کاربر امکان می‌دهد تا عملیات ریاضی ساده‌ای را انجام دهد. ما ابتدا با ساختار HTML شروع می‌کنیم و سپس به کد جاوا اسکریپت می‌پردازیم.
ساختار HTML
ابتدا نیاز داریم یک رابط کاربری ساده طراحی کنیم. این رابط شامل دکمه‌ها و صفحه نمایش خواهد بود.
```html
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=
- 0">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="calculator">
<input type="text" id="display" disabled>
<div id="buttons">
<button onclick="clearDisplay()">C</button>
<button onclick="appendToDisplay('1')">1</button>
<button onclick="appendToDisplay('2')">2</button>
<button onclick="appendToDisplay('3')">3</button>
<button onclick="appendToDisplay('+')">+</button>
<button onclick="appendToDisplay('4')">4</button>
<button onclick="appendToDisplay('5')">5</button>
<button onclick="appendToDisplay('6')">6</button>
<button onclick="appendToDisplay('-')">-</button>
<button onclick="appendToDisplay('7')">7</button>
<button onclick="appendToDisplay('8')">8</button>
<button onclick="appendToDisplay('9')">9</button>
<button onclick="appendToDisplay('*')">*</button>
<button onclick="appendToDisplay('0')">0</button>
<button onclick="calculate()">=</button>
<button onclick="appendToDisplay('/')">/</button>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
```
کد جاوا اسکریپت
حالا که ساختار HTML آماده شد، بیایید به کد جاوا اسکریپت برویم. این کد به ما امکان می‌دهد که دکمه‌ها را فشار دهیم و عملیات را انجام دهیم.
```javascript
function appendToDisplay(value) {
document.getElementById('display').value += value;
}
function clearDisplay() {
document.getElementById('display').value = '';
}
function calculate() {
const display = document.getElementById('display');
try {
display.value = eval(display.value);
} catch (e) {
display.value = 'خطا';
}
}
```
توضیحات کد
در کد بالا، چند عمل اصلی انجام می‌شود:
- تابع appendToDisplay: این تابع مقدار ورودی را به صفحه نمایش اضافه می‌کند.
- تابع clearDisplay: این تابع صفحه نمایش را پاک می‌کند.
- تابع calculate: این تابع عملیات ریاضی را اجرا می‌کند. با استفاده از تابع eval، عبارت ریاضی محاسبه می‌شود. اما باید مراقب خطاها باشیم. در صورت بروز خطا، پیام "خطا" نمایش داده می‌شود.
نتیجه‌گیری
با استفاده از این کد، شما می‌توانید یک ماشین حساب ساده ایجاد کنید. این ماشین حساب از قابلیت‌های ابتدایی برخوردار است و می‌تواند به شما کمک کند تا با مفهوم برنامه‌نویسی جاوا اسکریپت آشنا شوید. با گسترش کد، می‌توانید امکانات بیشتری اضافه کنید، مانند عملیات ریاضی پیشرفته‌تر یا طراحی بهتری برای رابط کاربری.
