JavaScript中如何让函数计算结果保留2位小数

修改后完整代码 #

<script>
function divideBy() 
{ 
    // 将输入框的字符串值转换为数值类型，避免运算异常
    const num1 = Number(document.getElementById("odds").value);
    const num2 = Number(document.getElementById("gameNumber").value);
    const num3 = Number(document.getElementById("standardBet").value);
    const result = ((num3 * num2) * 1.9) / num1;
    // toFixed(2) 会按四舍五入规则保留2位小数
    document.getElementById("result").innerHTML = result.toFixed(2);
}
</script>

核心修改说明 #

• 输入框的value属性默认返回字符串类型，先通过Number()转换为数值类型，避免后续乘法、除法运算出现异常
• 计算得到最终结果后调用toFixed(2)方法，传入参数2即可保留2位小数，返回值为字符串格式，可直接用于页面渲染

可选自定义舍入规则 #

如果你不需要四舍五入，而是要直接截断保留2位小数，可以替换计算结果的处理逻辑：

// 直接截断2位小数，不四舍五入
document.getElementById("result").innerHTML = (Math.floor(result * 100) / 100).toFixed(2);

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