GarGerry commited on
Commit
c9ebd60
·
verified ·
1 Parent(s): 430c802

Update script.js

Browse files
Files changed (1) hide show
  1. script.js +37 -34
script.js CHANGED
@@ -1,50 +1,53 @@
 
1
  async function convertCurrency() {
2
- const amount = document.getElementById('amount').value;
3
- const fromCurrency = document.getElementById('from-currency').value;
4
- const toCurrency = document.getElementById('to-currency').value;
5
- const result = document.getElementById('result');
6
- const convertBtn = document.getElementById('convert-btn');
7
-
8
- if (amount && fromCurrency && toCurrency) {
9
- try {
10
- const response = await fetch(`https://api.exchangerate-api.com/v4/latest/${fromCurrency}`);
11
- const data = await response.json();
12
- const rate = data.rates[toCurrency];
13
- const convertedAmount = (amount * rate).toFixed(2);
14
-
15
- // Display conversion result
16
- result.innerHTML = `${amount} ${fromCurrency} = ${convertedAmount} ${toCurrency}`;
17
-
18
- // Hide convert button after conversion
19
- convertBtn.style.display = 'none';
20
- } catch (error) {
21
- result.innerText = "Error fetching exchange rates!";
22
- }
23
  }
 
24
  }
25
 
 
26
  function swapCurrencies() {
27
- const fromCurrency = document.getElementById('from-currency');
28
- const toCurrency = document.getElementById('to-currency');
29
 
30
- // Swap currency values
31
- const temp = fromCurrency.value;
32
- fromCurrency.value = toCurrency.value;
33
- toCurrency.value = temp;
34
 
35
- // Automatically convert after swap
36
- convertCurrency();
37
  }
38
 
39
- // Event listeners for input and currency change
40
  document.getElementById('amount').addEventListener('input', convertCurrency);
41
 
 
42
  document.getElementById('from-currency').addEventListener('change', () => {
43
- document.getElementById('convert-btn').style.display = 'block';
44
- document.getElementById('result').innerHTML = '';
45
  });
46
 
47
  document.getElementById('to-currency').addEventListener('change', () => {
48
- document.getElementById('convert-btn').style.display = 'block';
49
- document.getElementById('result').innerHTML = '';
50
  });
 
1
+ // Fungsi untuk melakukan konversi mata uang
2
  async function convertCurrency() {
3
+ const amount = document.getElementById('amount').value;
4
+ const fromCurrency = document.getElementById('from-currency').value;
5
+ const toCurrency = document.getElementById('to-currency').value;
6
+ const result = document.getElementById('result');
7
+ const convertBtn = document.getElementById('convert-btn');
8
+
9
+ if (amount && fromCurrency && toCurrency) {
10
+ try {
11
+ const response = await fetch(`https://api.exchangerate-api.com/v4/latest/${fromCurrency}`);
12
+ const data = await response.json();
13
+ const rate = data.rates[toCurrency];
14
+ const convertedAmount = (amount * rate).toFixed(2);
15
+
16
+ // Menampilkan hasil konversi
17
+ result.innerHTML = `${amount} ${fromCurrency} = ${convertedAmount} ${toCurrency}`;
18
+
19
+ // Sembunyikan tombol Convert setelah konversi otomatis
20
+ convertBtn.style.display = 'none';
21
+ } catch (error) {
22
+ result.innerText = "Error fetching exchange rates!";
 
23
  }
24
+ }
25
  }
26
 
27
+ // Fungsi untuk menukar mata uang From dan To
28
  function swapCurrencies() {
29
+ const fromCurrency = document.getElementById('from-currency');
30
+ const toCurrency = document.getElementById('to-currency');
31
 
32
+ // Tukar nilai mata uang
33
+ const temp = fromCurrency.value;
34
+ fromCurrency.value = toCurrency.value;
35
+ toCurrency.value = temp;
36
 
37
+ // Lakukan konversi otomatis setelah swap
38
+ convertCurrency();
39
  }
40
 
41
+ // Event listener untuk input amount agar otomatis konversi
42
  document.getElementById('amount').addEventListener('input', convertCurrency);
43
 
44
+ // Event listener untuk perubahan mata uang (From dan To) agar tombol Convert muncul kembali
45
  document.getElementById('from-currency').addEventListener('change', () => {
46
+ document.getElementById('convert-btn').style.display = 'block';
47
+ document.getElementById('result').innerHTML = '';
48
  });
49
 
50
  document.getElementById('to-currency').addEventListener('change', () => {
51
+ document.getElementById('convert-btn').style.display = 'block';
52
+ document.getElementById('result').innerHTML = '';
53
  });