کاربران گرامی در این پروژه به شما پروژه کاربردی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش دانلود پروژه کاربردی با جاوااسکریپت سایر پروژه هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.
در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه کاربردی پروژه های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد
در اینجا یک پروژه ساده برای ایجاد یک **برنامه ریاضی** با استفاده از HTML، CSS و JavaScript ارائه می‌شود. این برنامه به کاربران اجازه می‌دهد تا عملیات‌های ریاضی مختلفی از جمله جمع، تفریق، ضرب و تقسیم را انجام دهند.
### 1. **HTML**
ابتدا ساختار HTML را برای برنامه ریاضی ایجاد می‌کنیم.
```html
برنامه ریاضی
```
### 2. **CSS**
سپس از CSS برای طراحی صفحه برنامه استفاده می‌کنیم.
```css
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
background-color: #e0f7fa;
font-family: Arial, sans-serif;
}
.container {
text-align: center;
border: 1px solid #ccc;
padding: 20px;
border-radius: 10px;
background-color: #fff;
}
input {
margin: 10px 0;
padding: 10px;
width: 200px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
}
.buttons {
margin: 10px 0;
}
button {
padding: 10px 15px;
border: none;
border-radius: 5px;
background-color: #007bff;
color: white;
cursor: pointer;
margin: 5px;
transition: background-color 0.3s;
}
button:hover {
background-color: #0056b3;
}
h2 {
margin-top: 20px;
}
```
### 3. **JavaScript**
اکنون به سراغ پیاده‌سازی منطق برنامه با JavaScript می‌رویم. این کد شامل محاسبه نتایج برای عملیات‌های ریاضی مختلف است.
```javascript
function calculate(operation) {
const number1 = parseFloat(document.getElementById('number1').value);
const number2 = parseFloat(document.getElementById('number2').value);
let result;
switch (operation) {
case 'add':
result = number1 + number2;
break;
case 'subtract':
result = number1 - number2;
break;
case 'multiply':
result = number1 * number2;
break;
case 'divide':
if (number2 !== 0) {
result = number1 / number2;
} else {
result = 'خطا: تقسیم بر صفر';
}
break;
default:
result = 'عملیات نامعتبر';
}
document.getElementById('result').innerText = result;
}
```
### توضیحات کد:
1. **HTML**: شامل عنوان، ورودی برای دو عدد و دکمه‌هایی برای انجام عملیات‌های مختلف ریاضی است.
2. **CSS**: طراحی ساده برای صفحه برنامه و دکمه‌ها.
3. **JavaScript**:
- **تابع `calculate`**: این تابع بر اساس عملیات انتخاب‌شده، نتایج را محاسبه می‌کند.
- **ورودی‌ها**: از `document.getElementById` برای دریافت مقادیر ورودی و نمایش نتایج استفاده می‌شود.
- **عملیات‌ها**: شامل جمع، تفریق، ضرب و تقسیم است. در عملیات تقسیم، بررسی می‌شود که آیا عدد دوم صفر نیست تا از تقسیم بر صفر جلوگیری شود.
### نتیجه‌گیری
این پروژه یک برنامه ریاضی ساده است که می‌تواند به عنوان ابزاری مفید برای انجام محاسبات ریاضی استفاده شود. شما میتوانید ویژگی‌های بیشتری مانند تاریخچه محاسبات، توابع ریاضی دیگر و غیره را به این برنامه اضافه کنید. از کدنویسی لذت ببرید!
| صفحه قابل مشاهده:
دانلود پروژه کاربردی ساده برای ایجاد یک **برنامه ریاضی** با استفاده از HTML، CSS و JavaScript می‌باشد
