diff --git a/Currency-Converter/app.js b/Currency-Converter/app.js
index 7e9f4d1..c769376 100644
--- a/Currency-Converter/app.js
+++ b/Currency-Converter/app.js
@@ -3,6 +3,7 @@ const selectCurrency1 = document.getElementById('select-currency-1');
 const currency2InputElem = document.getElementById('currency-2');
 const selectCurrency2 = document.getElementById('select-currency-2');
 const rateDetail = document.getElementById('rate-detail');
+const swapBtn = document.getElementById('swap-btn');
 
 calc();
 
@@ -35,4 +36,22 @@ currency1InputElem.addEventListener('input', calc);
 currency2InputElem.addEventListener('input', calc);
 
 selectCurrency1.addEventListener('change', calc);
-selectCurrency2.addEventListener('change', calc);
\ No newline at end of file
+selectCurrency2.addEventListener('change', calc);
+
+// Swap currencies and values
+if (swapBtn) {
+    swapBtn.addEventListener('click', () => {
+        // swap selected currencies
+        const tmpCurrency = selectCurrency1.value;
+        selectCurrency1.value = selectCurrency2.value;
+        selectCurrency2.value = tmpCurrency;
+
+        // swap input values (so the perspective switches intuitively)
+        const tmpValue = currency1InputElem.value;
+        currency1InputElem.value = currency2InputElem.value;
+        currency2InputElem.value = tmpValue;
+
+        // recalculate with new base
+        calc();
+    });
+}
\ No newline at end of file
diff --git a/Currency-Converter/index.html b/Currency-Converter/index.html
index 8fb5f20..f6e33dd 100644
--- a/Currency-Converter/index.html
+++ b/Currency-Converter/index.html
@@ -47,6 +47,7 @@ <h1 class="title">Currency Converter</h1>
                 <option value="MYR">MYR</option>
             </select>
         </div>
+        <button id="swap-btn" class="swap-btn" aria-label="Swap currencies" title="Swap currencies">⇄ Swap</button>
         <div class="row">
             <input type="number" name="currency-2" id="currency-2" step="any">
             <select name="currency-2" id="select-currency-2">
diff --git a/Currency-Converter/style.css b/Currency-Converter/style.css
index 43ad94a..f253232 100644
--- a/Currency-Converter/style.css
+++ b/Currency-Converter/style.css
@@ -52,4 +52,20 @@ select {
     bottom: -2rem;
     letter-spacing: 1px;
 }
-.footer > a { text-decoration: none; }
\ No newline at end of file
+.footer > a { text-decoration: none; }
+
+/* Swap button styling */
+.swap-btn {
+    margin: 1rem 0;
+    padding: 0.6rem 1.2rem;
+    font-size: 1.6rem;
+    border: none;
+    border-radius: 0.6rem;
+    background: #035d66;
+    color: #fff;
+    cursor: pointer;
+    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
+    transition: transform 0.1s ease, opacity 0.2s ease, background 0.2s ease;
+}
+.swap-btn:hover { background: #047481; }
+.swap-btn:active { transform: scale(0.98); opacity: 0.9; }
\ No newline at end of file