在addEventListener中实现计算结果保留3位小数的问题

你的代码中toFixed(3)的调用位置错误，且toFixed本身是四舍五入逻辑，还会保留末尾零，完全不符合你「向下取整至3位小数+去除冗余末尾数字」的需求。具体问题点：

• 你先给转换系数kiloToPound/poundToKilo调用toFixed，把数值转成了字符串，后续和输入值（字符串类型）相乘时，实际是先格式化系数再计算，逻辑顺序完全颠倒。
• toFixed会强制保留指定小数位（包括末尾零），且是四舍五入，不是向下取整。

修正后的代码 #

convertBtn.addEventListener('click', function () {
    // 将输入值转为数值，空输入时默认设为0避免报错
    const baseValue = Number(inputEl.value) || 0;
    
    // 实现向下取整到3位小数：放大1000倍后取整，再缩小回原比例
    const kiloToPoundResult = Math.floor(baseValue * kiloToPound * 1000) / 1000;
    const poundToKiloResult = Math.floor(baseValue * poundToKilo * 1000) / 1000;
    
    // 直接转为字符串会自动去除末尾冗余的零和不必要的小数点
    massEl.textContent = `${baseValue} Kilos = ${kiloToPoundResult} Pounds ||
                          ${baseValue} Pounds = ${poundToKiloResult} Kilos`;
})

关键逻辑说明 #

1. 数值类型转换：把inputEl.value（字符串）转为数值，避免字符串相乘的隐式转换问题。
2. 向下取整实现：Math.floor(计算值 * 1000) / 1000是严格向下取整到3位小数的标准写法，比如2.4567会变成2.456，2.4会保持2.4。
3. 去除冗余数字：将计算结果直接转为字符串时，JavaScript会自动省略末尾的零和多余的小数点，比如2.400会变成"2.4"，2.0会变成"2"，完美匹配你的需求。

内容的提问来源于stack exchange，提问作者ashton8504