Update script.js

script.js

@@ -1,86 +1,74 @@
-// Ambil elemen
 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');
-const convertButton = document.createElement('button');
-convertButton.textContent = 'Convert';
-convertButton.type = 'button';
-convertButton.id = 'convertButton';
-document.getElementById('currencyForm').appendChild(convertButton);
 
-// Tombol tampil secara default
-let isInitialConversion = true;
+// 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;
 
-  // Validasi input jumlah
   if (!amount || amount <= 0) {
-    resultDiv.innerHTML = "Please enter a valid amount!";
+    resultDiv.innerHTML = 'Please enter a valid amount.';
     return;
   }
 
   try {
-    const apiKey = '3ebe2ccf9eeea2aaef280201'; // API Key
-    const url = `https://v6.exchangerate-api.com/v6/${apiKey}/latest/${fromCurrency.value}`;
-
-    // Ambil data dari API
+    const apiKey = '3ebe2ccf9eeea2aaef280201';
+    const url = `https://v6.exchangerate-api.com/v6/${apiKey}/latest/${from}`;
     const response = await fetch(url);
     const data = await response.json();
 
-    // Tangani error API
-    if (data.result === 'error') {
-      resultDiv.innerHTML = `Error: ${data['error-type']}`;
-    } else {
-      const rate = data.conversion_rates[toCurrency.value];
+    if (data.result === 'success') {
+      const rate = data.conversion_rates[to];
       const convertedAmount = (amount * rate).toFixed(2);
-      resultDiv.innerHTML = `${amount} ${fromCurrency.value} = ${convertedAmount} ${toCurrency.value}`;
-
-      // Sembunyikan tombol setelah konversi pertama
-      if (isInitialConversion) {
-        convertButton.style.display = 'none';
-        isInitialConversion = false;
-      }
+      resultDiv.innerHTML = `${amount} ${from} = ${convertedAmount} ${to}`;
+    } else {
+      resultDiv.innerHTML = `Error: ${data['error-type']}`;
     }
   } catch (error) {
-    resultDiv.innerHTML = "Error fetching conversion rate.";
-    console.error("Error:", error);
+    resultDiv.innerHTML = 'Error fetching conversion rate.';
+    console.error(error);
   }
 }
-
-// Fungsi Swap
-document.getElementById('swapButton').addEventListener('click', function () {
-  const tempCurrency = fromCurrency.value;
-  fromCurrency.value = toCurrency.value;
-  toCurrency.value = tempCurrency;
-
-  if (amountInput.value && amountInput.value > 0) {
-    convertCurrency(); // Konversi ulang setelah swap
-  }
-});
-
-// Event untuk tombol Convert (klik tombol manual)
-convertButton.addEventListener('click', function () {
-  convertCurrency();
-});
-
-// Event otomatis konversi setelah jumlah diisi
-amountInput.addEventListener('input', function () {
-  if (!isInitialConversion) {
-    convertCurrency(); // Konversi otomatis
-  }
-});
-
-// Event tampilkan tombol jika mata uang diubah
-fromCurrency.addEventListener('change', function () {
-  convertButton.style.display = 'block'; // Tampilkan tombol
-  isInitialConversion = true; // Reset status awal
-  resultDiv.innerHTML = ""; // Reset hasil
-});
-
-toCurrency.addEventListener('change', function () {
-  convertButton.style.display = 'block'; // Tampilkan tombol
-  isInitialConversion = true; // Reset status awal
-  resultDiv.innerHTML = ""; // Reset hasil
-});