کاربران گرامی در این پروژه به شما پروژه کاربردی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش دانلود پروژه کاربردی با جاوااسکریپت سایر پروژه هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.
در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه کاربردی پروژه های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد
در اینجا یک پروژه ساده برای ایجاد یک **محاسبه‌گر عشق** با استفاده از HTML، CSS و JavaScript ارائه شده است. این برنامه دو نام ورودی می‌گیرد و یک درصد عشق تصادفی بین آن‌ها محاسبه می‌کند.
### 1. **HTML**
ابتدا کد HTML را ایجاد می‌کنیم که شامل ورودی‌های نام و دکمه‌ای برای محاسبه درصد عشق است.
```html
محاسبه‌گر عشق
محاسبه‌گر عشق
درصد عشق: 0%
```
### 2. **CSS**
سپس از CSS برای زیبا کردن صفحه و تنظیم ظاهر محاسبه‌گر استفاده می‌کنیم.
```css
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #f4f4f4;
color: #333;
}
.container {
text-align: center;
background: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
input {
width: 200px;
padding: 10px;
margin: 10px;
border: 1px solid #ddd;
border-radius: 5px;
}
button {
padding: 10px 20px;
border: none;
border-radius: 5px;
background-color: #28a745;
color: white;
cursor: pointer;
transition: background-color 0.3s;
}
button:hover {
background-color: #218838;
}
h2 {
margin-top: 20px;
}
```
### 3. **JavaScript**
اکنون به سراغ پیاده‌سازی منطق محاسبه‌گر با JavaScript می‌رویم. در این کد، نام‌ها را گرفته و درصد عشق را محاسبه می‌کنیم.
```javascript
document.getElementById('calculateBtn').addEventListener('click', function() {
const name1 = document.getElementById('name1').value;
const name2 = document.getElementById('name2').value;
if (name1 === '' || name2 === '') {
alert('لطفاً هر دو نام را وارد کنید!');
return;
}
// محاسبه درصد عشق به صورت تصادفی
const loveScore = Math.floor(Math.random() * 101);
document.getElementById('loveScore').textContent = loveScore;
});
```
### توضیحات کد:
1. **HTML**: شامل دو ورودی برای نام‌ها و یک دکمه برای محاسبه درصد عشق است.
2. **CSS**: طراحی صفحه با پس‌زمینه روشن و رنگ‌های ملایم برای ورودی‌ها و دکمه.
3. **JavaScript**:
- **رویداد `click`**: زمانی که کاربر روی دکمه کلیک می‌کند، نام‌ها از ورودی‌ها گرفته می‌شود.
- **بررسی ورودی**: اگر یکی از نام‌ها خالی باشد، یک هشدار نمایش داده می‌شود.
- **محاسبه درصد عشق**: با استفاده از `Math.random()` یک درصد تصادفی بین 0 تا 100 محاسبه و نمایش داده می‌شود.
### نتیجه‌گیری
این پروژه ساده می‌تواند به عنوان یک سرگرمی و همچنین به عنوان یک تمرین خوب برای یادگیری HTML، CSS و JavaScript مورد استفاده قرار گیرد. شما میتوانید ویژگی‌های بیشتری مانند انیمیشن، طراحی‌های زیباتر، یا حتی اضافه کردن ویژگی‌های مبتنی بر الگوریتم‌های خاص برای محاسبه عشق اضافه کنید. از کدنویسی لذت ببرید!
| صفحه قابل مشاهده:
دانلود پروژه کاربردی **محاسبه‌گر عشق** با استفاده از HTML، CSS و JavaScript می‌باشد
