Update script.js

script.js

@@ -9,17 +9,21 @@ async function convertCurrency() {
         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';
+            
+            if (data.result === "success") {
+                const rate = data.rates[toCurrency];
+                const convertedAmount = (amount * rate).toFixed(2);
+                result.innerHTML = `${amount} ${fromCurrency} = ${convertedAmount} ${toCurrency}`;
+                convertBtn.style.display = 'none'; // Hide button after conversion
+            } else {
+                result.innerText = "Error: Unable to fetch exchange rates.";
+            }
         } catch (error) {
             result.innerText = "Error fetching exchange rates!";
         }
+    } else {
+        result.innerHTML = ''; // Clear result if input is incomplete
+        convertBtn.style.display = 'block'; // Ensure the convert button is visible
     }
 }
 
@@ -40,11 +44,11 @@ function swapCurrencies() {
 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('convert-btn').style.display = 'block'; // Ensure button shows again
+    document.getElementById('result').innerHTML = ''; // Clear result
 });
 
 document.getElementById('to-currency').addEventListener('change', () => {
-    document.getElementById('convert-btn').style.display = 'block';
-    document.getElementById('result').innerHTML = '';
+    document.getElementById('convert-btn').style.display = 'block'; // Ensure button shows again
+    document.getElementById('result').innerHTML = ''; // Clear result
 });