کاربران گرامی در این پروژه به شما پروژه بازی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش دانلود پروژه بازی با جاوااسکریپت سایر بازی هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.
در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه بازی بازی های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد
در اینجا یک **محاسبه‌گر FLAMES** با استفاده از JavaScript ارائه شده است. بازی FLAMES روشی سرگرم‌کننده برای محاسبه رابطه بین دو نفر بر اساس نام‌هایشان است. نام FLAMES مخفف کلمات **دوستی، عشق، محبت، ازدواج، دشمنی و خواهر** است.
### 1. **HTML**
ساختار ساده HTML برای محاسبه‌گر FLAMES به صورت زیر است:
```html
محاسبه‌گر FLAMES
```
### 2. **CSS**
در ادامه، CSS برای طراحی ظاهری محاسبه‌گر FLAMES را اضافه می‌کنیم:
```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;
margin: 5px 0;
width: calc(100% - 22px);
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: 24px;
font-weight: bold;
color: #333;
}
```
### 3. **JavaScript**
در نهایت، منطق برنامه برای محاسبه FLAMES را پیاده‌سازی می‌کنیم:
```javascript
// انتخاب عناصر از DOM
const name1Input = document.getElementById('name1');
const name2Input = document.getElementById('name2');
const calculateBtn = document.getElementById('calculateBtn');
const resultDiv = document.getElementById('result');
// تابع برای محاسبه FLAMES
function calculateFLAMES(name1, name2) {
const flames = ['دوستی', 'عشق', 'محبت', 'ازدواج', 'دشمنی', 'خواهر'];
// حذف فضاهای خالی و تبدیل به حروف کوچک
name1 = name1.replace(/\s+/g, '').toLowerCase();
name2 = name2.replace(/\s+/g, '').toLowerCase();
// شمارش حروف
let combinedNames = (name1 + name2).split('');
// حذف حروف مشابه
for (let char of name1) {
const index = combinedNames.indexOf(char);
if (index !== -1) {
combinedNames.splice(index, 1); // حذف حرف از آرایه
}
}
// تعداد حروف باقی‌مانده
const count = combinedNames.length;
// محاسبه نتیجه FLAMES
let resultIndex = count % flames.length;
// جلوگیری از صفر شدن ایندکس
if (resultIndex === 0) {
resultIndex = flames.length;
}
return flames[resultIndex - 1]; // برگرداندن نتیجه
}
// راه‌اندازی رویداد کلیک
calculateBtn.addEventListener('click', () => {
const name1 = name1Input.value;
const name2 = name2Input.value;
if (name1 && name2) {
const result = calculateFLAMES(name1, name2);
resultDiv.textContent = `نتیجه: ${result}`;
} else {
resultDiv.textContent = 'لطفاً هر دو نام را وارد کنید.';
}
});
```
### توضیحات کد:
1. **HTML**: شامل ورودی برای دو نام و دکمه‌ای برای محاسبه و نمایشی برای نمایش نتیجه است.
2. **CSS**: طراحی ساده و کاربرپسند برای رابط کاربری.
3. **JavaScript**:
- **تابع محاسبه FLAMES**: این تابع حروف مشابه را حذف کرده و تعداد حروف باقی‌مانده را محاسبه می‌کند. سپس نتیجه را بر اساس محاسبات FLAMES به دست می‌آورد.
- **رویداد کلیک**: با کلیک بر روی دکمه، نتیجه محاسبه و نمایش داده می‌شود.
### نتیجه‌گیری
این پروژه **محاسبه‌گر FLAMES** یک روش سرگرم‌کننده برای تعامل با نام‌ها و بررسی روابط است. شما میتوانید این پروژه را گسترش دهید و ویژگی‌های بیشتری به آن اضافه کنید. از کدنویسی لذت ببرید!
| صفحه قابل مشاهده:
دانلود پروژه بازی FLAMES می‌باشد
