دنیای پروژه

جزئیات محصول

دانلود پروژه کاربردی

دانلود پروژه کاربردی "مبدل ارز دیجیتال" با استفاده از JavaScript

قیمت: 35,000 تومان

خرید فایل


مشاهده پیشنمایش

پیشنمایش برای محصولاتی که نیاز به نمایش دمو دارند می باشد

 کاربران گرامی در این پروژه به شما پروژه کاربردی  با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش دانلود پروژه کاربردی با جاوااسکریپت سایر  پروژه هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.

در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه کاربردی پروژه  های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد



 ### پروژه "مبدل ارز دیجیتال" با استفاده از JavaScript
 
پروژه مبدل ارز دیجیتال به کاربران این امکان را می‌دهد که مقادیر ارزهای دیجیتال را به یکدیگر تبدیل کنند. این برنامه با استفاده از HTML، CSS و JavaScript ساخته شده است و می‌تواند به راحتی در مرورگر اجرا شود.
 
#### ویژگی‌های پروژه:
- **تبدیل ارزها:** امکان تبدیل بین چندین ارز دیجیتال.
- **دریافت قیمت‌ها:** قیمت‌های به‌روز ارزهای دیجیتال از یک API.
- **رابط کاربری ساده:** طراحی کاربرپسند و آسان برای استفاده.
 
### راه‌اندازی پروژه
 
#### 1. ساختار فایل‌ها
 
ساختار پروژه به صورت زیر است:
 
```
crypto-converter/
├── index.html
├── styles.css
└── script.js
```
 
#### 2. کد منبع
 
##### فایل `index.html`
 
این فایل رابط کاربری مبدل ارز دیجیتال را ایجاد می‌کند:
 
```html
   
   
    مبدل ارز دیجیتال
   
   
       

مبدل ارز دیجیتال

       
           
           
            به
           
           
       
       
   
   
```
 
##### فایل `styles.css`
 
برای زیباسازی رابط کاربری استفاده می‌شود:
 
```css
body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
 
.container {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 300px;
    text-align: center;
}
 
h1 {
    margin-bottom: 20px;
}
 
.converter {
    display: flex;
    flex-direction: column;
}
 
input[type="number"],
select {
    padding: 10px;
    margin: 10px 0;
}
 
button {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
 
button:hover {
    background-color: #45a049;
}
 
.result {
    margin-top: 20px;
    font-size: 18px;
}
```
 
##### فایل `script.js`
 
این فایل منطق مبدل ارز دیجیتال را پیاده‌سازی می‌کند:
 
```javascript
const amountInput = document.getElementById('amount');
const fromCurrencySelect = document.getElementById('from-currency');
const toCurrencySelect = document.getElementById('to-currency');
const convertButton = document.getElementById('convert-button');
const resultDisplay = document.getElementById('result');
 
const apiUrl = 'https://api.exchangerate-api.com/v4/latest/';
 
// لیست ارزهای دیجیتال
const cryptocurrencies = ['BTC', 'ETH', 'LTC', 'XRP', 'DOGE'];
 
// بارگذاری ارزها در منوی کشویی
function loadCurrencies() {
    cryptocurrencies.forEach(currency => {
        const option1 = document.createElement('option');
        option1.value = currency;
        option1.textContent = currency;
        fromCurrencySelect.appendChild(option1);
 
        const option2 = document.createElement('option');
        option2.value = currency;
        option2.textContent = currency;
        toCurrencySelect.appendChild(option2);
    });
}
 
// تبدیل ارز دیجیتال
async function convertCurrency() {
    const amount = amountInput.value;
    const fromCurrency = fromCurrencySelect.value;
    const toCurrency = toCurrencySelect.value;
 
    if (amount === '' || isNaN(amount) || amount <= 0) {
        resultDisplay.textContent = 'لطفاً مقدار معتبر وارد کنید.';
        return;
    }
 
    try {
        const response = await fetch(apiUrl + fromCurrency);
        const data = await response.json();
        const rate = data.rates[toCurrency];
 
        if (rate) {
            const convertedAmount = (amount * rate).toFixed(2);
            resultDisplay.textContent = `${amount} ${fromCurrency} معادل ${convertedAmount} ${toCurrency} است.`;
        } else {
            resultDisplay.textContent = 'خطا در تبدیل ارز.';
        }
    } catch (error) {
        resultDisplay.textContent = 'خطا در برقراری ارتباط با API.';
    }
}
 
// رویداد کلیک دکمه تبدیل
convertButton.addEventListener('click', convertCurrency);
 
// بارگذاری ارزها در هنگام بارگذاری صفحه
loadCurrencies();
```
 
### 3. اجرای پروژه
 
برای اجرای پروژه، فقط کافی است فایل `index.html` را در مرورگر خود باز کنید. می‌توانید به سادگی فایل را کشیده و در مرورگر رها کنید یا بر روی آن کلیک کنید.
 
### نتیجه‌گیری
 
این پروژه "مبدل ارز دیجیتال" به شما این امکان را می‌دهد که با اصول ساخت یک اپلیکیشن تحت وب با استفاده از HTML، CSS و JavaScript آشنا شوید. شما می‌توانید این پروژه را گسترش دهید و ویژگی‌های بیشتری مانند ذخیره تاریخچه تبدیل‌ها، اضافه کردن ارزهای بیشتر، یا بهبود رابط کاربری اضافه کنید. این پروژه یک نقطه شروع عالی برای یادگیری توسعه وب و کار با APIها است.
| صفحه قابل مشاهده: دانلود پروژه کاربردی "مبدل ارز دیجیتال" با استفاده از JavaScript می‌باشد