File size: 2,489 Bytes
c9ebd60
6e0fcb6
c9ebd60
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ad459bf
c9ebd60
 
 
c1aba63
c9ebd60
6e0fcb6
 
c9ebd60
6e0fcb6
c9ebd60
 
6e0fcb6
c9ebd60
 
 
 
6e0fcb6
ad459bf
 
 
6e0fcb6
 
c9ebd60
ad459bf
 
 
 
 
6e0fcb6
c9ebd60
6e0fcb6
ad459bf
 
6e0fcb6
 
 
ad459bf
 
 
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
// Fungsi untuk melakukan konversi mata uang
async function convertCurrency() {
  const amount = document.getElementById('amount').value;
  const fromCurrency = document.getElementById('from-currency').value;
  const toCurrency = document.getElementById('to-currency').value;
  const result = document.getElementById('result');
  const convertBtn = document.getElementById('convert-btn');

  if (amount && fromCurrency && toCurrency) {
    try {
      const response = await fetch(`https://api.exchangerate-api.com/v4/latest/${fromCurrency}`);
      const data = await response.json();
      const rate = data.rates[toCurrency];
      const convertedAmount = (amount * rate).toFixed(2);

      // Menampilkan hasil konversi
      result.innerHTML = `${amount} ${fromCurrency} = ${convertedAmount} ${toCurrency}`;

      // Sembunyikan tombol Convert setelah konversi pertama kali
      convertBtn.style.display = 'none';
    } catch (error) {
      result.innerText = "Error fetching exchange rates!";
    }
  }
}

// Fungsi untuk menukar mata uang From dan To
function swapCurrencies() {
  const fromCurrency = document.getElementById('from-currency');
  const toCurrency = document.getElementById('to-currency');

  // Tukar nilai mata uang
  const temp = fromCurrency.value;
  fromCurrency.value = toCurrency.value;
  toCurrency.value = temp;

  // Setelah swap, tampilkan kembali tombol Convert
  document.getElementById('convert-btn').style.display = 'block';
  document.getElementById('result').innerHTML = ''; // Reset hasil konversi
}

// Event listener untuk input amount agar otomatis konversi
document.getElementById('amount').addEventListener('input', () => {
  const convertBtn = document.getElementById('convert-btn');
  convertBtn.style.display = 'block'; // Tampilkan tombol Convert saat input amount
  document.getElementById('result').innerHTML = ''; // Reset hasil konversi
});

// Event listener untuk perubahan mata uang (From dan To) agar tombol Convert muncul kembali
document.getElementById('from-currency').addEventListener('change', () => {
  document.getElementById('convert-btn').style.display = 'block'; // Tampilkan tombol Convert
  document.getElementById('result').innerHTML = ''; // Reset hasil konversi
});

document.getElementById('to-currency').addEventListener('change', () => {
  document.getElementById('convert-btn').style.display = 'block'; // Tampilkan tombol Convert
  document.getElementById('result').innerHTML = ''; // Reset hasil konversi
});