ساخت ماشین حساب در جاوا اسکریپت
ساخت یک ماشین حساب ساده با استفاده از جاوا اسکریپت می‌تواند یک پروژه جالب و آموزنده باشد. این پروژه به شما اجازه می‌دهد تا با مفاهیم پایه‌ای برنامه‌نویسی، کار با DOM و رویدادها آشنا شوید.
مراحل ساخت ماشین حساب
۱. طراحی رابط کاربری
ابتدا، یک HTML ساده برای ماشین حساب بسازید. شما می‌توانید از تگ‌های `<input>` برای ورودی‌ها و `<button>` برای دکمه‌ها استفاده کنید. به عنوان مثال:
```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 class="calculator">
<input type="text" id="display" disabled />
<div class="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="calculate()">=</button>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
```
۲. نوشتن کد جاوا اسکریپت
حالا وقت آن است که منطق ماشین حساب را پیاده‌سازی کنید. در فایل `script.js`، می‌توانید توابعی برای اضافه کردن ورودی‌ها، محاسبه و پاک کردن نمایشگر بنویسید:
```javascript
function appendToDisplay(value) {
document.getElementById('display').value += value;
}
function clearDisplay() {
document.getElementById('display').value = '';
}
function calculate() {
let display = document.getElementById('display').value;
try {
let result = eval(display);
document.getElementById('display').value = result;
} catch (error) {
document.getElementById('display').value = 'خطا';
}
}
```
توضیحات
در کد فوق، تابع `appendToDisplay` مقدار ورودی را به نمایشگر اضافه می‌کند. تابع `clearDisplay` ورودی را پاک می‌کند. در نهایت، تابع `calculate` از `eval()` برای محاسبه عبارت استفاده می‌کند. توجه داشته باشید که استفاده از `eval()` ممکن است خطراتی داشته باشد، بنابراین در پروژه‌های بزرگ‌تر باید به دنبال راه‌حل‌های امن‌تری باشید.
نتیجه‌گیری
با این روش، شما یک ماشین حساب ساده با جاوا اسکریپت ساختید. این پروژه می‌تواند نقطه شروعی باشد برای یادگیری بیشتر در زمینه برنامه‌نویسی وب. با افزودن قابلیت‌های بیشتر، مانند عملیات پیچیده‌تر یا طراحی زیباتر، می‌توانید مهارت‌های خود را بهبود ببخشید.
