Update script.js

script.js

@@ -1,50 +1,55 @@
-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!";
-        }
+// Mengambil elemen-elemen dari DOM
+const amountInput = document.getElementById("amount");
+const fromCurrency = document.getElementById("from");
+const toCurrency = document.getElementById("to");
+const convertButton = document.getElementById("convert-btn");
+const swapButton = document.getElementById("swap-btn");
+const result = document.getElementById("result");
+
+// Data kurs mata uang (contoh)
+const exchangeRates = {
+    "USD": { "EUR": 0.85, "IDR": 14200, "GBP": 0.75, "MYR": 4.20 },
+    "EUR": { "USD": 1.18, "IDR": 16750, "GBP": 0.88, "MYR": 4.94 },
+    "IDR": { "USD": 0.000070, "EUR": 0.000060, "GBP": 0.000053, "MYR": 0.00025 },
+    "GBP": { "USD": 1.33, "EUR": 1.14, "IDR": 18850, "MYR": 5.60 },
+    "MYR": { "USD": 0.24, "EUR": 0.20, "IDR": 3700, "GBP": 0.18 }
+};
+
+// Fungsi untuk menghitung konversi mata uang
+function convertCurrency() {
+    const amount = parseFloat(amountInput.value);
+    const from = fromCurrency.value;
+    const to = toCurrency.value;
+
+    if (isNaN(amount) || amount <= 0) {
+        result.textContent = "Please enter a valid amount.";
+        return;
+    }
+
+    const rate = exchangeRates[from][to];
+    if (rate) {
+        const convertedAmount = (amount * rate).toFixed(2);
+        result.textContent = `${amount} ${from} = ${convertedAmount} ${to}`;
+    } else {
+        result.textContent = "Conversion rate not available.";
     }
 }
 
+// Fungsi untuk menukar mata uang
 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();
+    convertCurrency();  // Setelah swap, langsung hitung konversinya
 }
 
-// Event listeners for input and currency change
-document.getElementById('amount').addEventListener('input', convertCurrency);
+// Event listener untuk tombol Convert
+convertButton.addEventListener("click", convertCurrency);
 
-document.getElementById('from-currency').addEventListener('change', () => {
-    document.getElementById('convert-btn').style.display = 'block';
-    document.getElementById('result').innerHTML = '';
-});
+// Event listener untuk tombol Swap
+swapButton.addEventListener("click", swapCurrencies);
 
-document.getElementById('to-currency').addEventListener('change', () => {
-    document.getElementById('convert-btn').style.display = 'block';
-    document.getElementById('result').innerHTML = '';
-});
+// Optionally, bisa tambahkan fitur untuk menghitung otomatis ketika ada perubahan input
+amountInput.addEventListener("input", convertCurrency);
+fromCurrency.addEventListener("change", convertCurrency);
+toCurrency.addEventListener("change", convertCurrency);