ماشین حساب در جاوا اسکریپت
ماشین حساب‌ها ابزارهای مفیدی هستند که به کاربران امکان می‌دهند تا محاسبات ریاضی را به سادگی انجام دهند. با استفاده از زبان برنامه‌نویسی جاوا اسکریپت، می‌توان یک ماشین حساب ساده یا پیچیده ایجاد کرد که قابلیت‌های زیادی را در اختیار کاربران قرار دهد.
برای ساخت یک ماشین حساب، ابتدا نیاز به طراحی رابط کاربری داریم. رابطی که شامل دکمه‌ها برای اعداد و عملگرها (جمع، تفریق، ضرب و تقسیم) باشد.
ایجاد رابط کاربری
یک نمونه ساده از HTML برای ماشین حساب به شرح زیر است:
```html
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<title>ماشین حساب ساده</title>
<style>
/* CSS برای استایل دادن به ماشین حساب */
</style>
</head>
<body>
<div id="calculator">
<input type="text" id="result" disabled>
<div id="buttons">
<button onclick="clearResult()">C</button>
<button onclick="appendToResult('1')">1</button>
<button onclick="appendToResult('2')">2</button>
<button onclick="appendToResult('+')">+</button>
<button onclick="calculateResult()">=</button>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
```
در این کد، یک ورودی برای نمایش نتیجه و دکمه‌ها برای اعداد و عملگرها وجود دارد.
نویسندگی کد جاوا اسکریپت
حالا بیایید نگاهی به کد جاوا اسکریپت بیندازیم که عملکرد ماشین حساب را مدیریت می‌کند.
```javascript
function appendToResult(value) {
document.getElementById('result').value += value;
}
function clearResult() {
document.getElementById('result').value = '';
}
function calculateResult() {
const resultField = document.getElementById('result');
try {
resultField.value = eval(resultField.value);
} catch (error) {
resultField.value = 'خطا';
}
}
```
در این کد:
- appendToResult: این تابع یک مقدار به ورودی اضافه می‌کند.
- clearResult: این تابع ورودی را پاک می‌کند.
- calculateResult: این تابع محاسبه را انجام می‌دهد و از تابع eval برای ارزیابی عبارات ریاضی استفاده می‌کند.
نکات مهم
- استفاده از eval: این تابع می‌تواند خطرناک باشد. اطمینان حاصل کنید که ورودی‌ها ایمن هستند.
- استفاده از try/catch: برای مدیریت خطاها و جلوگیری از کرش شدن برنامه بسیار مهم است.
- طراحی استایل: با استفاده از CSS می‌توانید استایل‌های جذابی به ماشین حساب اضافه کنید.
با این روش، شما یک ماشین حساب ساده در جاوا اسکریپت ساخته‌اید. از اینجا می‌توانید ویژگی‌های بیشتری مانند محاسبات پیشرفته‌تر، تاریخچه محاسبات و غیره اضافه کنید.
