کاربران گرامی در این پروژه به شما پروژه کاربردی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش دانلود پروژه کاربردی با جاوااسکریپت سایر پروژه هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.
در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه کاربردی پروژه های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد
در اینجا یک پروژه ساده برای محاسبه شاخص توده بدنی (BMI) با استفاده از JavaScript و HTML آورده شده است. این برنامه به کاربران اجازه می‌دهد تا با وارد کردن قد و وزن خود، شاخص توده بدنی‌شان را محاسبه کنند و نتیجه را مشاهده کنند.
### 1. **HTML**
ابتدا، کد HTML را برای ایجاد فرم ورودی و نمایش نتیجه ایجاد می‌کنیم.
```html
محاسبه‌گر BMI
محاسبه‌گر شاخص توده بدنی (BMI)
```
### 2. **CSS**
سپس، برای زیباسازی صفحه، از کد CSS زیر استفاده می‌کنیم.
```css
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.container {
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center;
}
input {
margin: 10px 0;
padding: 10px;
width: calc(100% - 20px);
border: 1px solid #ccc;
border-radius: 4px;
}
button {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
button:hover {
background-color: #45a049;
}
```
### 3. **JavaScript**
و در نهایت، کد JavaScript برای محاسبه BMI و نمایش نتیجه.
```javascript
document.getElementById('bmiForm').addEventListener('submit', function(event) {
event.preventDefault(); // جلوگیری از ارسال فرم
const weight = parseFloat(document.getElementById('weight').value); // وزن به کیلوگرم
const height = parseFloat(document.getElementById('height').value); // قد به متر
// محاسبه BMI
const bmi = weight / (height * height);
// نمایش نتیجه
let resultText;
if (bmi < 18.5) {
resultText = `BMI شما: ${bmi.toFixed(2)} (کم وزن)`;
} else if (bmi < 24.9) {
resultText = `BMI شما: ${bmi.toFixed(2)} (وزن نرمال)`;
} else if (bmi < 29.9) {
resultText = `BMI شما: ${bmi.toFixed(2)} (اضافه وزن)`;
} else {
resultText = `BMI شما: ${bmi.toFixed(2)} (چاقی)`;
}
document.getElementById('result').textContent = resultText; // نمایش نتیجه
});
```
### نتیجه‌گیری
این پروژه به سادگی می‌تواند شاخص توده بدنی شما را محاسبه کرده و نتایج مربوط به وضعیت وزن شما را نمایش دهد. شما میتوانید این پروژه را گسترش داده و ویژگی‌های جدیدی به آن اضافه کنید، مانند ذخیره‌سازی تاریخچه محاسبات یا اضافه کردن گرافیک‌های جالب. از کدنویسی لذت ببرید!
| صفحه قابل مشاهده:
دانلود پروژه کاربردی محاسبه شاخص توده بدنی (BMI) با استفاده از JavaScript و HTML می‌باشد
