Update script.js

script.js

@@ -6,8 +6,10 @@ async function convertCurrency() {
     const result = document.getElementById('result');
     const convertBtn = document.getElementById('convert-btn');
 
+    // Validasi input
     if (amount && fromCurrency && toCurrency) {
         try {
+            // Mendapatkan data kurs mata uang
             const response = await fetch(`https://api.exchangerate-api.com/v4/latest/${fromCurrency}`);
             const data = await response.json();
             const rate = data.rates[toCurrency];
@@ -51,22 +53,54 @@ document.getElementById('to-currency').addEventListener('change', () => {
     document.getElementById('convert-btn').style.display = 'block';
     document.getElementById('result').innerHTML = '';
 });
-// Mengubah warna latar belakang ketika menggulir
+
+// Fungsi untuk menangani scroll dan mengganti warna latar belakang
 window.onscroll = function() {
     const navbar = document.querySelector('.navbar');
-    const headline = document.querySelector('.headline');
+    const howToUse = document.querySelector('.how-to-use');
     const steps = document.querySelector('.steps');
-    const footer = document.querySelector('.footer');
+    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
+        howToUse.style.backgroundColor = '#004d00'; // Darker Green
+        steps.forEach(step => {
+            step.style.backgroundColor = '#004d00'; // Darker Green for steps
+        });
         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
+        howToUse.style.backgroundColor = '#006400'; // Original Green
+        steps.forEach(step => {
+            step.style.backgroundColor = '#006400'; // Original Green for steps
+        });
         footer.style.backgroundColor = '#808080'; // Original Gray
     }
-};
+};
+
+// Fungsi untuk memuat pilihan mata uang
+function loadCurrencies() {
+    const currencies = [
+        'BND', 'KHR', 'IDR', 'LAK', 'MYR', 'MMK', 'PHP', 'SGD', 'THB', 'VND', 
+        'EUR', 'GBP', 'CHF', 'RUB', 'TRY', 'USD', 'CAD', 'BRL', 'ARS', 'ZAR', 
+        'JPY', 'CNY', 'KRW', 'KPW', 'HKD'
+    ];
+    
+    const fromCurrency = document.getElementById('from-currency');
+    const toCurrency = document.getElementById('to-currency');
+    
+    currencies.forEach(currency => {
+        const optionFrom = document.createElement('option');
+        optionFrom.value = currency;
+        optionFrom.textContent = `${currency}`;
+        fromCurrency.appendChild(optionFrom);
+
+        const optionTo = document.createElement('option');
+        optionTo.value = currency;
+        optionTo.textContent = `${currency}`;
+        toCurrency.appendChild(optionTo);
+    });
+}
+
+// Memuat mata uang ketika halaman dimuat
+window.onload = loadCurrencies;