مقدمه
ساخت یک ماشین حساب با استفاده از جاوا اسکریپت میتواند یک پروژه جالب و آموزنده باشد. این پروژه نهتنها به شما کمک میکند تا مهارتهای برنامهنویسی خود را تقویت کنید، بلکه اصول پایهای محاسبات را نیز یاد خواهید گرفت. در اینجا، به بررسی ساخت یک ماشین حساب ساده با امکانات پایهای میپردازیم.
طراحی رابط کاربری
ابتدا، باید رابط کاربری ماشین حساب را طراحی کنید. با استفاده از HTML و CSS، میتوانید دکمهها و نمایشگر را بسازید. به عنوان مثال:
```html
<div id="calculator">
<input type="text" id="display" disabled>
<div id="buttons">
<button onclick="appendToDisplay('1')">1</button>
<button onclick="appendToDisplay('2')">2</button>
<button onclick="appendToDisplay('3')">3</button>
<button onclick="setOperation('+')">+</button>
<button onclick="calculate()">=</button>
<button onclick="clearDisplay()">C</button>
</div>
</div>
```
در این کد، یک ورودی برای نمایش نتیجه و دکمههایی برای اعداد و عملیات مختلف ایجاد کردهایم.
نوشتن کد جاوا اسکریپت
حالا به بخش جاوا اسکریپت میرسیم. این بخش شامل توابعی است که عملکرد ماشین حساب را پیادهسازی میکند.
```javascript
let currentInput = '';
let operation = '';
let previousInput = '';
function appendToDisplay(value) {
currentInput += value;
document.getElementById('display').value = currentInput;
}
function setOperation(op) {
if (currentInput === '') return;
if (previousInput !== '') {
calculate();
}
operation = op;
previousInput = currentInput;
currentInput = '';
}
function calculate() {
let result;
const prev = parseFloat(previousInput);
const current = parseFloat(currentInput);
if (isNaN(prev) || isNaN(current)) return;
switch (operation) {
case '+':
result = prev + current;
break;
// سایر عملیات مثل تفریق، ضرب و تقسیم را اضافه کنید.
}
currentInput = result;
operation = '';
previousInput = '';
document.getElementById('display').value = currentInput;
}
function clearDisplay() {
currentInput = '';
previousInput = '';
operation = '';
document.getElementById('display').value = '';
}
```
نتیجهگیری
با پیروی از مراحل فوق، شما میتوانید یک ماشین حساب ساده بسازید. این پروژه میتواند به شما در درک بهتر مفاهیم برنامهنویسی و کار با جاوا اسکریپت کمک کند. از اینجا به بعد، میتوانید ویژگیهای بیشتری مانند عملیات بیشتر، طراحی زیباتر و حتی محاسبات پیشرفتهتر اضافه کنید. تجربهی لذتبخشی از برنامهنویسی داشته باشید!