Update script.js

script.js

@@ -1,40 +1,78 @@
-document.getElementById('currencyForm').addEventListener('submit', async function(event) {
+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!";
-    resultDiv.style.color = 'red';
     return;
   }
 
   try {
-    const apiKey = '3ebe2ccf9eeea2aaef280201';
+    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}`;
     }
   } catch (error) {
     resultDiv.innerHTML = "Error fetching conversion rate.";
-    console.error(error);
+    console.error("Error:", error); // Menampilkan error di konsol
   }
 });
 
-document.getElementById('swapButton').addEventListener('click', function() {
+// Logika untuk tombol Swap
+document.getElementById('swapButton').addEventListener('click', async function () {
   const fromCurrency = document.getElementById('fromCurrency');
   const toCurrency = document.getElementById('toCurrency');
-  const temp = fromCurrency.value;
+  const resultDiv = document.getElementById('result');
+
+  // Tukar nilai antara "From" dan "To"
+  const tempCurrency = fromCurrency.value;
   fromCurrency.value = toCurrency.value;
-  toCurrency.value = temp;
+  toCurrency.value = tempCurrency;
+
+  // Ambil nilai input amount
+  const amount = document.getElementById('amount').value;
+
+  // Jika ada jumlah yang dimasukkan, langsung lakukan konversi ulang
+  if (amount && amount > 0) {
+    try {
+      const apiKey = '3ebe2ccf9eeea2aaef280201'; // API Key
+      const url = `https://v6.exchangerate-api.com/v6/${apiKey}/latest/${fromCurrency.value}`;
+
+      // Mengambil data dari API
+      const response = await fetch(url);
+      const data = await response.json();
+
+      if (data.result === 'error') {
+        resultDiv.innerHTML = `Error: ${data['error-type']}`;
+      } else {
+        const rate = data.conversion_rates[toCurrency.value];
+        const convertedAmount = (amount * rate).toFixed(2);
+        resultDiv.innerHTML = `${amount} ${fromCurrency.value} = ${convertedAmount} ${toCurrency.value}`;
+      }
+    } catch (error) {
+      resultDiv.innerHTML = "Error fetching conversion rate.";
+      console.error("Error:", error);
+    }
+  } else {
+    // Jika tidak ada amount, hapus hasil konversi
+    resultDiv.innerHTML = "";
+  }
 });