Update script.js

script.js

@@ -1,37 +1,50 @@
-document.getElementById('currencyForm').addEventListener('submit', async function(event) {
-  event.preventDefault();
-
-  // Ambil nilai input dari user
-  const amount = document.getElementById('amount').value;
-  const fromCurrency = document.getElementById('fromCurrency').value;
-  const toCurrency = document.getElementById('toCurrency').value;
-  const resultDiv = document.getElementById('result');
-
-  // Validasi jumlah yang dimasukkan
-  if (!amount || amount <= 0) {
-    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}`;
-
-    // Mengambil data dari API
-    const response = await fetch(url);
-    const data = await response.json();
-
-    // Menangani respon API yang error
-    if (data.result === 'error') {
-      resultDiv.innerHTML = `Error: ${data['error-type']}`;
-    } else {
-      // Menyusun nilai konversi dan menampilkannya
-      const rate = data.conversion_rates[toCurrency];
-      const convertedAmount = (amount * rate).toFixed(2);
-      resultDiv.innerHTML = `${amount} ${fromCurrency} = ${convertedAmount} ${toCurrency}`;
+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);
+
+            // Display conversion result
+            result.innerHTML = `${amount} ${fromCurrency} = ${convertedAmount} ${toCurrency}`;
+
+            // Hide convert button after conversion
+            convertBtn.style.display = 'none';
+        } catch (error) {
+            result.innerText = "Error fetching exchange rates!";
+        }
     }
-  } catch (error) {
-    resultDiv.innerHTML = "Error fetching conversion rate.";
-    console.error("Error:", error); // Menampilkan error di konsol
-  }
-});
+}
+
+function swapCurrencies() {
+    const fromCurrency = document.getElementById('from-currency');
+    const toCurrency = document.getElementById('to-currency');
+
+    // Swap currency values
+    const temp = fromCurrency.value;
+    fromCurrency.value = toCurrency.value;
+    toCurrency.value = temp;
+
+    // Automatically convert after swap
+    convertCurrency();
+}
+
+// Event listeners for input and currency change
+document.getElementById('amount').addEventListener('input', convertCurrency);
+
+document.getElementById('from-currency').addEventListener('change', () => {
+    document.getElementById('convert-btn').style.display = 'block';
+    document.getElementById('result').innerHTML = '';
+});
+
+document.getElementById('to-currency').addEventListener('change', () => {
+    document.getElementById('convert-btn').style.display = 'block';
+    document.getElementById('result').innerHTML = '';
+});