مقدمه‌ای بر ماشین حساب جاوا اسکریپت
ماشین حساب‌ها ابزاری کاربردی هستند که به‌صورت آنلاین یا آفلاین، محاسبات ریاضی را انجام می‌دهند. در اینجا، ما به بررسی سورس کد ماشین حسابی ساده با استفاده از جاوا اسکریپت خواهیم پرداخت. این ماشین حساب می‌تواند عملیات اصلی مانند جمع، تفریق، ضرب و تقسیم را انجام دهد.
ساختار 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="style.css">
</head>
<body>
<div class="calculator">
<input type="text" id="result" disabled>
<div class="buttons">
<button onclick="clearResult()">C</button>
<button onclick="appendToResult('1')">1</button>
<button onclick="appendToResult('2')">2</button>
<button onclick="appendToResult('3')">3</button>
<button onclick="appendToResult('+')">+</button>
<button onclick="appendToResult('4')">4</button>
<button onclick="appendToResult('5')">5</button>
<button onclick="appendToResult('6')">6</button>
<button onclick="appendToResult('-')">-</button>
<button onclick="appendToResult('7')">7</button>
<button onclick="appendToResult('8')">8</button>
<button onclick="appendToResult('9')">9</button>
<button onclick="appendToResult('*')">*</button>
<button onclick="appendToResult('0')">0</button>
<button onclick="calculateResult()">=</button>
<button onclick="appendToResult('/')">/</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 result = eval(document.getElementById("result").value);
document.getElementById("result").value = result;
}
```
توضیحات کد
در این کد، ما از سه تابع اصلی استفاده می‌کنیم:
- appendToResult(value): این تابع برای اضافه کردن عدد یا عملگر به ورودی ماشین حساب استفاده می‌شود.
- clearResult(): با این تابع، می‌توانیم ورودی ماشین حساب را پاک کنیم.
- calculateResult(): این تابع از تابع `eval` برای محاسبه نتیجه استفاده می‌کند. این تابع ورودی را تجزیه و تحلیل کرده و نتیجه را نمایش می‌دهد.
نتیجه‌گیری
ساخت یک ماشین حساب ساده با جاوا اسکریپت، نه تنها یک تمرین عالی برای یادگیری مبانی برنامه‌نویسی است، بلکه به شما امکان می‌دهد تا نحوه تعامل با DOM و انجام محاسبات را یاد بگیرید. با گسترش این پروژه، می‌توانید ویژگی‌های بیشتری مانند تاریخچه محاسبات یا عملیات پیشرفته‌تر را اضافه کنید.
