GarGerry commited on
Commit
396e3f7
·
verified ·
1 Parent(s): ad459bf

Update script.js

Browse files
Files changed (1) hide show
  1. script.js +16 -10
script.js CHANGED
@@ -6,6 +6,7 @@ async function convertCurrency() {
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}`);
@@ -16,7 +17,7 @@ async function convertCurrency() {
16
  // Menampilkan hasil konversi
17
  result.innerHTML = `${amount} ${fromCurrency} = ${convertedAmount} ${toCurrency}`;
18
 
19
- // Sembunyikan tombol Convert setelah konversi pertama kali
20
  convertBtn.style.display = 'none';
21
  } catch (error) {
22
  result.innerText = "Error fetching exchange rates!";
@@ -34,25 +35,30 @@ function swapCurrencies() {
34
  fromCurrency.value = toCurrency.value;
35
  toCurrency.value = temp;
36
 
37
- // Setelah swap, tampilkan kembali tombol Convert
38
- document.getElementById('convert-btn').style.display = 'block';
39
- document.getElementById('result').innerHTML = ''; // Reset hasil konversi
40
  }
41
 
42
  // Event listener untuk input amount agar otomatis konversi
43
  document.getElementById('amount').addEventListener('input', () => {
 
44
  const convertBtn = document.getElementById('convert-btn');
45
- convertBtn.style.display = 'block'; // Tampilkan tombol Convert saat input amount
46
- document.getElementById('result').innerHTML = ''; // Reset hasil konversi
47
  });
48
 
49
  // Event listener untuk perubahan mata uang (From dan To) agar tombol Convert muncul kembali
50
  document.getElementById('from-currency').addEventListener('change', () => {
51
- document.getElementById('convert-btn').style.display = 'block'; // Tampilkan tombol Convert
52
- document.getElementById('result').innerHTML = ''; // Reset hasil konversi
53
  });
54
 
55
  document.getElementById('to-currency').addEventListener('change', () => {
56
- document.getElementById('convert-btn').style.display = 'block'; // Tampilkan tombol Convert
57
- document.getElementById('result').innerHTML = ''; // Reset hasil konversi
 
 
 
 
 
58
  });
 
6
  const result = document.getElementById('result');
7
  const convertBtn = document.getElementById('convert-btn');
8
 
9
+ // Pastikan amount dan mata uang sudah dipilih
10
  if (amount && fromCurrency && toCurrency) {
11
  try {
12
  const response = await fetch(`https://api.exchangerate-api.com/v4/latest/${fromCurrency}`);
 
17
  // Menampilkan hasil konversi
18
  result.innerHTML = `${amount} ${fromCurrency} = ${convertedAmount} ${toCurrency}`;
19
 
20
+ // Menyembunyikan tombol Convert setelah konversi pertama
21
  convertBtn.style.display = 'none';
22
  } catch (error) {
23
  result.innerText = "Error fetching exchange rates!";
 
35
  fromCurrency.value = toCurrency.value;
36
  toCurrency.value = temp;
37
 
38
+ // Lakukan konversi otomatis setelah swap
39
+ convertCurrency();
 
40
  }
41
 
42
  // Event listener untuk input amount agar otomatis konversi
43
  document.getElementById('amount').addEventListener('input', () => {
44
+ // Menampilkan tombol Convert hanya jika pertama kali konversi
45
  const convertBtn = document.getElementById('convert-btn');
46
+ convertBtn.style.display = 'block';
47
+ document.getElementById('result').innerHTML = ''; // Menghapus hasil konversi sebelumnya
48
  });
49
 
50
  // Event listener untuk perubahan mata uang (From dan To) agar tombol Convert muncul kembali
51
  document.getElementById('from-currency').addEventListener('change', () => {
52
+ document.getElementById('convert-btn').style.display = 'block';
53
+ document.getElementById('result').innerHTML = ''; // Menghapus hasil konversi sebelumnya
54
  });
55
 
56
  document.getElementById('to-currency').addEventListener('change', () => {
57
+ document.getElementById('convert-btn').style.display = 'block';
58
+ document.getElementById('result').innerHTML = ''; // Menghapus hasil konversi sebelumnya
59
+ });
60
+
61
+ // Event listener untuk tombol Convert, agar hanya konversi sekali
62
+ document.getElementById('convert-btn').addEventListener('click', () => {
63
+ convertCurrency();
64
  });