کاربران گرامی در این پروژه به شما پروژه کاربردی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش دانلود پروژه کاربردی با جاوااسکریپت سایر پروژه هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.
در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه کاربردی پروژه های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد
### پروژه **سیستم رزرو بلیط فیلم (Movie Ticket Booking)** با استفاده از JavaScript
این پروژه یک سیستم ساده برای رزرو بلیط فیلم است که کاربران می‌توانند با استفاده از آن بلیط‌های خود را رزرو کنند. در این پروژه از 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-bottom: 5px;
}
input[type="number"],
select {
width: 100%;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
button {
padding: 10px;
font-size: 16px;
cursor: pointer;
background-color: #28a745;
color: white;
border: none;
border-radius: 5px;
transition: background-color 0.3s;
}
button:hover {
background-color: #218838;
}
.result {
margin-top: 20px;
font-size: 18px;
color: #333;
}
```
### 3. **JavaScript**
سپس منطق سیستم را با JavaScript پیاده‌سازی می‌کنیم.
```javascript
// انتخاب عناصر HTML
const bookBtn = document.getElementById('bookBtn');
const movieSelect = document.getElementById('movie');
const seatsInput = document.getElementById('seats');
const bookingResultDiv = document.getElementById('bookingResult');
// افزودن رویداد کلیک به دکمه رزرو
bookBtn.addEventListener('click', function() {
const movie = movieSelect.value;
const seats = parseInt(seatsInput.value);
// محاسبه هزینه
const ticketPrice = 15000; // قیمت هر بلیط
const totalPrice = ticketPrice * seats;
// نمایش نتیجه
bookingResultDiv.textContent = `شما ${seats} بلیط برای فیلم "${movie}" رزرو کردید. هزینه کل: ${totalPrice} تومان.`;
});
```
### توضیحات کد:
1. **HTML**:
- شامل انتخاب فیلم، ورودی برای تعداد بلیط‌ها و دکمه‌ای برای رزرو بلیط است.
2. **CSS**:
- طراحی ساده و کاربرپسند برای رابط کاربری.
3. **JavaScript**:
- **رویداد کلیک**: با کلیک بر روی دکمه "رزرو بلیط"، تعداد بلیط‌های انتخاب شده و نام فیلم گرفته می‌شود و هزینه کل محاسبه و نمایش داده می‌شود.
### نتیجه‌گیری
این پروژه **سیستم رزرو بلیط فیلم** یک مثال ساده و کاربردی از استفاده از JavaScript برای ایجاد یک برنامه کاربردی است. شما میتوانید این پروژه را گسترش دهید و ویژگی‌های بیشتری مانند ذخیره‌سازی رزروها، پرداخت آنلاین و یا تاریخ اکران فیلم‌ها اضافه کنید. از کدنویسی لذت ببرید!
| صفحه قابل مشاهده:
دانلود پروژه کاربردی **سیستم رزرو بلیط فیلم (Movie Ticket Booking)** با استفاده از JavaScript می‌باشد
