کاربران گرامی در این پروژه به شما پروژه کاربردی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش دانلود پروژه کاربردی با جاوااسکریپت سایر پروژه هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.
در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه کاربردی پروژه های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد
در اینجا یک پروژه ساده برای ایجاد یک **ماشمار بهره ساده** با استفاده از HTML، CSS و JavaScript ارائه شده است. این برنامه به کاربران اجازه می‌دهد تا بهره ساده را بر اساس مقدار اصلی، نرخ بهره و مدت زمان محاسبه کنند.
### 1. **HTML**
ابتدا ساختار HTML را برای ماشین حساب بهره ساده ایجاد می‌کنیم.
```html
ماشین حساب بهره ساده
ماشین حساب بهره ساده
```
### 2. **CSS**
برای طراحی ظاهری ماشین حساب بهره ساده از CSS استفاده می‌کنیم.
```css
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.container {
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 300px;
text-align: center;
}
h1 {
margin-bottom: 20px;
}
label {
display: block;
margin: 10px 0 5px;
}
input {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
}
button {
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
background-color: #28a745;
color: white;
border: none;
border-radius: 5px;
margin-top: 10px;
}
.result {
margin-top: 20px;
font-size: 20px;
font-weight: bold;
color: #333;
}
```
### 3. **JavaScript**
سپس منطق برنامه را با JavaScript پیاده‌سازی می‌کنیم. این بخش شامل محاسبه بهره ساده است.
```javascript
// انتخاب دکمه محاسبه و بخش نتیجه
const calculateBtn = document.getElementById('calculateBtn');
const resultDiv = document.getElementById('result');
// افزودن رویداد کلیک به دکمه
calculateBtn.addEventListener('click', function() {
// دریافت مقادیر از ورودی‌ها
const principal = parseFloat(document.getElementById('principal').value);
const rate = parseFloat(document.getElementById('rate').value);
const time = parseFloat(document.getElementById('time').value);
// محاسبه بهره ساده
const simpleInterest = (principal * rate * time) / 100;
// نمایش نتیجه
resultDiv.textContent = `بهره ساده: ${simpleInterest} واحد`;
});
```
### توضیحات کد:
1. **HTML**: شامل ورودی‌هایی برای مقدار اصلی، نرخ بهره و مدت زمان و همچنین یک دکمه برای محاسبه است.
2. **CSS**: طراحی ساده برای ایجاد یک رابط کاربری زیبا و کاربرپسند.
3. **JavaScript**:
- **انتخاب دکمه و نتیجه**: دکمه محاسبه و بخش نمایش نتیجه را انتخاب می‌کند.
- **رویداد کلیک**: وقتی کاربر روی دکمه "محاسبه بهره" کلیک می‌کند، مقادیر ورودی دریافت و بهره ساده محاسبه و نمایش داده می‌شود.
### نتیجه‌گیری
این پروژه **ماشین حساب بهره ساده** یک مثال عالی برای یادگیری مفاهیم جاوااسکریپت، مانند دستکاری DOM و مدیریت رویدادها است. شما میتوانید این پروژه را گسترش دهید و ویژگی‌های بیشتری مانند اعتبارسنجی ورودی‌ها یا امکان محاسبه بر اساس روش‌های مختلف بهره را اضافه کنید. از کدنویسی لذت ببرید!
| صفحه قابل مشاهده:
دانلود پروژه کاربردی **ماشمار بهره ساده** با استفاده از HTML، CSS و JavaScript می‌باشد
