کاربران گرامی در این پروژه به شما پروژه کاربردی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش دانلود پروژه کاربردی با جاوااسکریپت سایر پروژه هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.
در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه کاربردی پروژه های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد
در اینجا یک پروژه ساده برای ایجاد یک **تولیدکننده سری فیبوناچی** با استفاده از 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: 80%;
max-width: 400px;
text-align: center;
}
h1 {
margin-bottom: 20px;
}
input {
padding: 10px;
font-size: 16px;
width: 100%;
margin-bottom: 10px;
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;
}
.result {
margin-top: 20px;
font-size: 24px;
font-weight: bold;
color: #333;
}
```
### 3. **JavaScript**
سپس منطق برنامه را با JavaScript پیاده‌سازی می‌کنیم. این بخش شامل تولید سری فیبوناچی بر اساس ورودی کاربر است.
```javascript
// انتخاب دکمه تولید و بخش نمایش نتایج
const generateBtn = document.getElementById('generateBtn');
const resultDiv = document.getElementById('result');
// تابع برای تولید سری فیبوناچی
function generateFibonacci(count) {
const fibonacci = [0, 1]; // شروع با دو عدد اول سری فیبوناچی
for (let i = 2; i < count; i++) {
fibonacci[i] = fibonacci[i - 1] + fibonacci[i - 2]; // تولید عدد بعدی
}
return fibonacci.slice(0, count); // برگرداندن تا تعداد خواسته شده
}
// افزودن رویداد کلیک به دکمه
generateBtn.addEventListener('click', function() {
const count = parseInt(document.getElementById('count').value); // دریافت تعداد از ورودی
if (count > 0) {
const fibonacciSeries = generateFibonacci(count); // تولید سری فیبوناچی
resultDiv.textContent = `سری فیبوناچی: ${fibonacciSeries.join(', ')}`; // نمایش نتایج
} else {
resultDiv.textContent = 'لطفاً یک عدد مثبت وارد کنید.'; // نمایش پیام خطا
}
});
```
### توضیحات کد:
1. **HTML**: شامل عنوان برنامه، یک ورودی برای تعداد اعداد فیبوناچی و یک دکمه برای تولید سری است.
2. **CSS**: طراحی ساده برای ایجاد یک رابط کاربری زیبا و کاربرپسند.
3. **JavaScript**:
- **تابع تولید سری فیبوناچی**: که با استفاده از یک حلقه، اعداد سری را تولید می‌کند.
- **رویداد کلیک**: وقتی کاربر روی دکمه "تولید سری" کلیک می‌کند، تعداد ورودی را خوانده و سری فیبوناچی را تولید و نمایش می‌دهد.
### نتیجه‌گیری
این پروژه **تولیدکننده سری فیبوناچی** یک مثال عالی برای استفاده از HTML، CSS و JavaScript است. شما میتوانید این پروژه را گسترش دهید و ویژگی‌های بیشتری مانند نمایش اعداد در قالب جدول یا گراف را اضافه کنید. از کدنویسی لذت ببرید!
| صفحه قابل مشاهده:
دانلود پروژه کاربردی **تولیدکننده سری فیبوناچی** با استفاده از HTML، CSS و JavaScript می‌باشد
