如何将货币转换计算结果保留两位小数？

DevOps 小满

2026-8-3

解决方案

你的核心问题是toFixed(2)的调用位置错误，同时parseInt会截断小数欧元价格，导致计算不准。以下是修正后的实现方式：

关键修正点

先完成乘法运算，再对结果调用toFixed(2)，而不是给汇率变量调用
用parseFloat替代parseInt，避免欧元价格为小数时被截断
封装重复逻辑为函数，方便处理200+个元素的批量转换

修正后的代码

var gbpConvert = 1.18;
var usdConvert = 1.21;

// 封装货币转换函数，复用逻辑
function convertCurrency(euroElementId, targetElementId, exchangeRate) {
  // 解析欧元价格（支持小数）
  const euroAmount = parseFloat(document.getElementById(euroElementId).innerText);
  // 计算并保留两位小数，自动四舍五入
  const convertedAmount = (euroAmount * exchangeRate).toFixed(2);
  // 赋值到目标元素
  document.getElementById(targetElementId).innerText = convertedAmount;
}

window.onload = function() {
  // 单个元素转换示例
  convertCurrency('euro1', 'gbp1', gbpConvert);
  convertCurrency('euro1', 'usd1', usdConvert);
  convertCurrency('euro2', 'gbp2', gbpConvert);
  convertCurrency('euro2', 'usd2', usdConvert);

  // 批量处理200+元素（如果ID按规律命名，比如euro1~euro200）
  // for (let i = 1; i <= 200; i++) {
  //   convertCurrency(`euro${i}`, `gbp${i}`, gbpConvert);
  //   convertCurrency(`euro${i}`, `usd${i}`, usdConvert);
  // }
}