Update script.js

script.js

@@ -1,4 +1,6 @@
-async function convertCurrency() {
+document.getElementById('currencyForm').addEventListener('submit', async function(event) {
+  event.preventDefault();
+
   const amount = document.getElementById('amount').value;
   const fromCurrency = document.getElementById('fromCurrency').value;
   const toCurrency = document.getElementById('toCurrency').value;
@@ -11,18 +13,22 @@ async function convertCurrency() {
 
   try {
     const apiKey = '3ebe2ccf9eeea2aaef280201'; // API Key yang kamu berikan
-    const url = `https://v6.exchangeratesapi.io/latest?base=${fromCurrency}&symbols=${toCurrency}&access_key=${apiKey}`;
+    const url = `https://v6.exchangerate-api.com/v6/${apiKey}/latest/${fromCurrency}`;
     const response = await fetch(url);
     const data = await response.json();
 
-    if (data.error) {
-      resultDiv.innerHTML = "Error fetching data.";
+    // Log respons API untuk debugging
+    console.log(data);
+
+    if (data.result === 'error') {
+      resultDiv.innerHTML = `Error: ${data['error-type']}`;
     } else {
-      const rate = data.rates[toCurrency];
+      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); // Log error jika ada
   }
-}
+});