File size: 2,209 Bytes
77ebda8 65c4c23 77ebda8 94367ea 65c4c23 94367ea 65c4c23 77ebda8 65c4c23 77ebda8 94367ea 65c4c23 94367ea 65c4c23 94367ea 65c4c23 94367ea 65c4c23 94367ea 65c4c23 94367ea 77ebda8 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 |
const amountInput = document.getElementById('amount');
const fromCurrency = document.getElementById('fromCurrency');
const toCurrency = document.getElementById('toCurrency');
const swapButton = document.getElementById('swapButton');
const convertButton = document.getElementById('convertButton');
const resultDiv = document.getElementById('result');
// Status konversi otomatis
let autoConvert = false;
// Tombol convert pertama kali
convertButton.addEventListener('click', () => {
autoConvert = true; // Aktifkan konversi otomatis
convertCurrency();
convertButton.style.display = 'none'; // Sembunyikan tombol
});
// Swap mata uang
swapButton.addEventListener('click', () => {
const temp = fromCurrency.value;
fromCurrency.value = toCurrency.value;
toCurrency.value = temp;
// Reset tombol dan hasil
autoConvert = false;
convertButton.style.display = 'block';
resultDiv.innerHTML = '';
});
// Input perubahan
[amountInput, fromCurrency, toCurrency].forEach(element => {
element.addEventListener('input', () => {
if (autoConvert) {
convertCurrency(); // Konversi otomatis
}
});
element.addEventListener('change', () => {
// Tampilkan tombol jika mata uang diubah
autoConvert = false;
convertButton.style.display = 'block';
resultDiv.innerHTML = '';
});
});
// Fungsi konversi
async function convertCurrency() {
const amount = amountInput.value;
const from = fromCurrency.value;
const to = toCurrency.value;
if (!amount || amount <= 0) {
resultDiv.innerHTML = 'Please enter a valid amount.';
return;
}
try {
const apiKey = '3ebe2ccf9eeea2aaef280201';
const url = `https://v6.exchangerate-api.com/v6/${apiKey}/latest/${from}`;
const response = await fetch(url);
const data = await response.json();
if (data.result === 'success') {
const rate = data.conversion_rates[to];
const convertedAmount = (amount * rate).toFixed(2);
resultDiv.innerHTML = `${amount} ${from} = ${convertedAmount} ${to}`;
} else {
resultDiv.innerHTML = `Error: ${data['error-type']}`;
}
} catch (error) {
resultDiv.innerHTML = 'Error fetching conversion rate.';
console.error(error);
}
}
|