Update script.js

script.js

@@ -8,25 +8,18 @@ async function convertCurrency() {
 
     if (amount && fromCurrency && toCurrency) {
         try {
-            // Menggunakan API dengan API key yang benar
-            const response = await fetch(`https://v6.exchangerate-api.com/v6/3ebe2ccf9eeea2aaef280201/latest/${fromCurrency}`);
+            const response = await fetch(`https://v6.exchangerate-api.com/v6/YOUR_API_KEY/latest/${fromCurrency}`);
             const data = await response.json();
-
-            if (data.result === 'error') {
-                throw new Error('Error fetching exchange rates!');
-            }
-
             const rate = data.rates[toCurrency];
             const convertedAmount = (amount * rate).toFixed(2);
 
             // Menampilkan hasil konversi
             result.innerHTML = `${amount} ${fromCurrency} = ${convertedAmount} ${toCurrency}`;
 
-            // Menyembunyikan tombol Convert setelah konversi otomatis
+            // Sembunyikan tombol Convert setelah konversi otomatis
             convertBtn.style.display = 'none';
         } catch (error) {
             result.innerText = "Error fetching exchange rates!";
-            console.error('Error fetching exchange rates:', error);
         }
     }
 }
@@ -57,4 +50,27 @@ document.getElementById('from-currency').addEventListener('change', () => {
 document.getElementById('to-currency').addEventListener('change', () => {
     document.getElementById('convert-btn').style.display = 'block';
     document.getElementById('result').innerHTML = '';
-});
+});
+
+// Mengubah warna latar belakang ketika menggulir
+window.onscroll = function() {
+    const navbar = document.querySelector('.navbar');
+    const headline = document.querySelector('.headline');
+    const steps = document.querySelector('.steps');
+    const footer = document.querySelector('.footer');
+
+    if (window.scrollY > 200) {
+        navbar.style.backgroundColor = '#004d00'; // Darker Green
+        headline.style.backgroundColor = '#004d00'; // Darker Green
+        steps.style.backgroundColor = '#004d00'; // Darker Green
+        footer.style.backgroundColor = '#666666'; // Darker Gray
+    } else {
+        navbar.style.backgroundColor = '#006400'; // Original Green
+        headline.style.backgroundColor = '#006400'; // Original Green
+        steps.style.backgroundColor = '#006400'; // Original Green
+        footer.style.backgroundColor = '#808080'; // Original Gray
+    }
+};
+
+// Fungsi untuk menampilkan hasil swap mata uang secara otomatis setelah pemilihan
+document.getElementById('swap-btn').addEventListener('click', swapCurrencies);