Update script.js

script.js

@@ -50,4 +50,23 @@ 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
+    }
+};