کاربران گرامی در این پروژه به شما پروژه کاربردی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش دانلود پروژه کاربردی با جاوااسکریپت سایر پروژه هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.
در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه کاربردی پروژه های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد
### پروژه **محاسبه‌گر BMI (شاخص توده بدن) با JavaScript**
این پروژه به کاربران اجازه می‌دهد تا شاخص توده بدنی (BMI) خود را با وارد کردن وزن و قد محاسبه کنند. پس از محاسبه، نتیجه به کاربر نمایش داده می‌شود.
### 1. **HTML**
ابتدا ساختار HTML را برای محاسبه‌گر BMI ایجاد می‌کنیم.
```html
محاسبه‌گر BMI
```
### 2. **CSS**
برای طراحی ظاهری محاسبه‌گر BMI از 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: 80%;
max-width: 400px;
text-align: center;
}
h1 {
margin-bottom: 20px;
}
input {
padding: 10px;
font-size: 16px;
width: calc(100% - 22px);
margin-bottom: 10px;
}
button {
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
margin-bottom: 20px;
}
.result {
margin-top: 20px;
font-size: 24px;
font-weight: bold;
color: #333;
}
```
### 3. **JavaScript**
سپس منطق برنامه را با JavaScript پیاده‌سازی می‌کنیم.
```javascript
// انتخاب عناصر DOM
const bmiForm = document.getElementById('bmi-form');
const weightInput = document.getElementById('weight');
const heightInput = document.getElementById('height');
const resultDiv = document.getElementById('result');
// افزودن رویداد ارسال به فرم
bmiForm.addEventListener('submit', function(e) {
e.preventDefault(); // جلوگیری از بارگذاری مجدد صفحه
// گرفتن وزن و قد از ورودی‌ها
const weight = parseFloat(weightInput.value);
const height = parseFloat(heightInput.value);
// محاسبه BMI
const bmi = (weight / (height * height)).toFixed(2);
// نمایش نتیجه
resultDiv.textContent = `شاخص توده بدنی شما: ${bmi}`;
});
```
### توضیحات کد:
1. **HTML**: شامل عنوان برنامه، ورودی‌های وزن و قد، و دکمه‌ای برای محاسبه BMI است.
2. **CSS**: طراحی ساده برای ایجاد یک رابط کاربری زیبا و کاربرپسند.
3. **JavaScript**:
- **رویداد ارسال**: وقتی کاربر روی دکمه "محاسبه BMI" کلیک می‌کند، وزن و قد را از ورودی‌ها می‌گیرد.
- **محاسبه BMI**: BMI با استفاده از فرمول \( \text{BMI} = \frac{\text{weight}}{\text{height}^2} \) محاسبه می‌شود.
- **نمایش نتیجه**: نتیجه محاسبه شده به کاربر نمایش داده می‌شود.
### نتیجه‌گیری
این پروژه **محاسبه‌گر BMI** یک مثال عالی برای استفاده از مفاهیم JavaScript مانند دستکاری DOM و رویدادهای کاربر است. شما میتوانید این پروژه را گسترش دهید و ویژگی‌های بیشتری مانند دسته‌بندی BMI (کمبود وزن، وزن نرمال، اضافه وزن و چاقی) اضافه کنید. از کدنویسی لذت ببرید!
| صفحه قابل مشاهده:
دانلود پروژه کاربردی **محاسبه‌گر BMI (شاخص توده بدن) با JavaScript** می‌باشد
