Update script.js

script.js

@@ -1,55 +1,50 @@
-// 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.";
+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://v6.exchangerate-api.com/v6/3ebe2ccf9eeea2aaef280201/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!";
+        }
     }
 }
 
-// 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;
-    convertCurrency();  // Setelah swap, langsung hitung konversinya
+
+    // Automatically convert after swap
+    convertCurrency();
 }
 
-// Event listener untuk tombol Convert
-convertButton.addEventListener("click", convertCurrency);
+// Event listeners for input and currency change
+document.getElementById('amount').addEventListener('input', convertCurrency);
 
-// Event listener untuk tombol Swap
-swapButton.addEventListener("click", swapCurrencies);
+document.getElementById('from-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);
+document.getElementById('to-currency').addEventListener('change', () => {
+    document.getElementById('convert-btn').style.display = 'block';
+    document.getElementById('result').innerHTML = '';
+});