تگ های موضوع پروژه ماشین حساب به زبان جاوا اسکریپت

پروژه ماشین حساب با جاوا اسکریپت

پروژه ماشین حساب یکی از پروژه‌های ابتدایی و جذاب برای یادگیری زبان برنامه‌نویسی جاوا اسکریپت است. این پروژه به شما کمک می‌کند تا مفاهیم پایه‌ای مانند متغیرها، توابع، رویدادها و نحوه مدیریت DOM را درک کنید. بیایید به جزئیات بیشتری بپردازیم.

طراحی رابط کاربری

ابتدا، باید یک رابط کاربری ساده طراحی کنیم. این رابط شامل دکمه‌های عددی، دکمه‌های عملگر (جمع، تفریق، ضرب و تقسیم) و یک نمایشگر برای نشان دادن نتایج خواهد بود. می‌توانیم از HTML و CSS برای ایجاد این طراحی استفاده کنیم.
```html
<div class="calculator">
<input type="text" id="display" disabled>
<div class="buttons">
<button onclick="clearDisplay()">C</button>
<button onclick="appendToDisplay('7')">7</button>
<button onclick="appendToDisplay('8')">8</button>
<button onclick="appendToDisplay('9')">9</button>
<button onclick="setOperation('/')">/</button>
<!-- دکمه‌های دیگر -->
</div>
</div>
```

منطق برنامه

در مرحله بعد، باید منطق برنامه را پیاده‌سازی کنیم. با استفاده از جاوا اسکریپت، می‌توانیم توابعی برای انجام عملیات مختلف تعریف کنیم. برای مثال، تابعی برای افزودن دو عدد، تابعی برای تفریق و غیره.
```javascript
let currentInput = "";
let previousInput = "";
let operation = "";
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;
case '-':
result = prev - current;
break;
case '*':
result = prev * current;
break;
case '/':
result = prev / current;
break;
default:
return;
}
currentInput = result;
operation = "";
previousInput = "";
document.getElementById("display").value = currentInput;
}
function clearDisplay() {
currentInput = "";
previousInput = "";
operation = "";
document.getElementById("display").value = "";
}
```

نتیجه‌گیری

این پروژه ماشین حساب، با طراحی ساده و منطق واضح، یکی از بهترین راه‌ها برای تمرین جاوا اسکریپت است. شما می‌توانید آن را گسترش دهید، به عنوان مثال با اضافه کردن ویژگی‌هایی مثل تاریخچه محاسبات یا امکان استفاده از توابع علمی. با این کار، مهارت‌های برنامه‌نویسی خود را تقویت کنید و از یادگیری لذت ببرید!