Currency Changer

This Currency Changer Calculator allows users to convert any major international currency into Pakistani Rupees (PKR) based on the Open Market Rates of August 6, 2025.

Currency Converter /* Custom styles for Inter font and general body styling */ body { font-family: 'Inter', sans-serif; background-color: #f0f2f5; /* Light grey background */ display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 1rem; /* Padding for mobile view */ box-sizing: border-box; } /* Ensure elements have rounded corners */ .rounded-lg { border-radius: 0.5rem; } /* Focus styles for inputs */ input:focus, select:focus, button:focus { outline: none; box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); /* Blue focus ring */ }

Foreign Currency to PKR Calculator

Amount in Foreign Currency:

Select Currency:

Calculate PKR

// Define the currency rates (Selling rates from the provided table) const currencyRates = { "USD": { name: "US Dollar", selling: 285.15 }, "GBP": { name: "UK Pound Sterling", selling: 379.55 }, "AED": { name: "U.A.E Dirham", selling: 77.65 }, "CHF": { name: "Swiss Franc", selling: 350.80 }, "SEK": { name: "Swedish Korona", selling: 29.32 }, "SGD": { name: "Singapore Dollar", selling: 223.50 }, "SAR": { name: "Saudi Riyal", selling: 75.95 }, "QAR": { name: "Qatari Riyal", selling: 77.89 }, "OMR": { name: "Omani Riyal", selling: 739.75 }, "NOK": { name: "Norwegians Krone", selling: 27.61 }, "NZD": { name: "NewZealand $", selling: 167.47 }, "MYR": { name: "Malaysian Ringgit", selling: 66.38 }, "KWD": { name: "Kuwaiti Dinar", selling: 927.5 }, "HKD": { name: "Hong Kong Dollar", selling: 36.12 }, "EUR": { name: "Euro", selling: 330.20 }, "DKK": { name: "Danish Krone", selling: 43.95 }, "CNY": { name: "China Yuan", selling: 39.49 }, "CAD": { name: "Canadian Dollar", selling: 210 }, "BHD": { name: "Bahrain Dinar", selling: 755.25 }, "AUD": { name: "Australian Dollar", selling: 188 } };

// Get DOM elements const currencySelect = document.getElementById('currencySelect'); const foreignAmountInput = document.getElementById('foreignAmount'); const calculateBtn = document.getElementById('calculateBtn'); const resultDiv = document.getElementById('result');

// Populate the currency dropdown function populateCurrencies() { for (const code in currencyRates) { const option = document.createElement('option'); option.value = code; option.textContent = `${currencyRates[code].name} (${code})`; currencySelect.appendChild(option); } // Set US Dollar as default selected currencySelect.value = "USD"; }

// Function to perform the calculation function calculatePKR() { const selectedCurrencyCode = currencySelect.value; const foreignAmount = parseFloat(foreignAmountInput.value);

// Basic input validation if (isNaN(foreignAmount) || foreignAmount <= 0) { resultDiv.textContent = "Please enter a valid amount."; resultDiv.classList.remove('hidden'); resultDiv.classList.remove('bg-blue-50', 'text-blue-800'); resultDiv.classList.add('bg-red-100', 'text-red-800'); return; }

const sellingRate = currencyRates[selectedCurrencyCode].selling; const pkrAmount = (foreignAmount * sellingRate).toFixed(2); // Format to 2 decimal places

resultDiv.textContent = `${foreignAmount.toLocaleString()} ${selectedCurrencyCode} = PKR ${pkrAmount.toLocaleString()}`; resultDiv.classList.remove('hidden'); resultDiv.classList.remove('bg-red-100', 'text-red-800'); resultDiv.classList.add('bg-blue-50', 'text-blue-800'); }

// Event Listeners document.addEventListener('DOMContentLoaded', populateCurrencies); // Populate on page load calculateBtn.addEventListener('click', calculatePKR); // Calculate on button click foreignAmountInput.addEventListener('keyup', (event) => { if (event.key === 'Enter') { calculatePKR(); } }); currencySelect.addEventListener('change', calculatePKR); // Recalculate if currency changes