Canadian Dollar Exchange Rate Calculator
Use this calculator to convert amounts between Canadian Dollars (CAD) and other major currencies based on current exchange rates.
function calculateExchangeRate() {
var amount = parseFloat(document.getElementById("amount").value);
var sourceCurrency = document.getElementById("source-currency").value;
var targetCurrency = document.getElementById("target-currency").value;
// Mock exchange rates (replace with actual API data in a real application)
var exchangeRates = {
"CAD": {
"USD": 0.73,
"EUR": 0.68,
"GBP": 0.58,
"JPY": 105.50,
"AUD": 1.09,
"CAD": 1
},
"USD": {
"CAD": 1.37,
"EUR": 0.93,
"GBP": 0.79,
"JPY": 144.00,
"AUD": 1.49,
"USD": 1
},
"EUR": {
"CAD": 1.47,
"USD": 1.07,
"GBP": 0.85,
"JPY": 154.20,
"AUD": 1.60,
"EUR": 1
},
"GBP": {
"CAD": 1.72,
"USD": 1.25,
"EUR": 1.17,
"JPY": 180.50,
"AUD": 1.87,
"GBP": 1
},
"JPY": {
"CAD": 0.0095,
"USD": 0.0069,
"EUR": 0.0065,
"GBP": 0.0055,
"AUD": 0.0104,
"JPY": 1
},
"AUD": {
"CAD": 0.91,
"USD": 0.67,
"EUR": 0.62,
"GBP": 0.53,
"JPY": 95.80,
"AUD": 1
}
};
if (isNaN(amount) || amount <= 0) {
document.getElementById("result").innerHTML = "Please enter a valid positive amount.";
return;
}
if (!exchangeRates[sourceCurrency] || !exchangeRates[sourceCurrency][targetCurrency]) {
document.getElementById("result").innerHTML = "Exchange rate data not available for selected currencies.";
return;
}
var rate = exchangeRates[sourceCurrency][targetCurrency];
var convertedAmount = amount * rate;
document.getElementById("result").innerHTML =
amount + " " + sourceCurrency + " is equal to " + convertedAmount.toFixed(2) + " " + targetCurrency;
}
#canadian-dollar-rate-calculator {
font-family: sans-serif;
border: 1px solid #ccc;
padding: 20px;
border-radius: 8px;
max-width: 500px;
margin: 20px auto;
background-color: #f9f9f9;
}
#canadian-dollar-rate-calculator h2 {
text-align: center;
color: #333;
margin-bottom: 15px;
}
#canadian-dollar-rate-calculator p {
text-align: center;
color: #555;
margin-bottom: 25px;
font-size: 0.9em;
}
.calculator-inputs {
display: flex;
flex-direction: column;
gap: 15px;
}
.input-group {
display: flex;
flex-direction: column;
}
.input-group label {
margin-bottom: 5px;
font-weight: bold;
color: #444;
}
.input-group input[type="number"],
.input-group select {
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 1em;
}
#canadian-dollar-rate-calculator button {
background-color: #007bff;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 1.1em;
transition: background-color 0.3s ease;
margin-top: 10px;
}
#canadian-dollar-rate-calculator button:hover {
background-color: #0056b3;
}
#result {
margin-top: 25px;
padding: 15px;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 4px;
text-align: center;
font-size: 1.1em;
color: #333;
}