HTML获取用户输入调用toFixed方法保留两位小数失效问题

错误原因 #

toFixed()是仅数字类型可调用的方法，你从input元素读取的value属性默认返回字符串类型，直接调用toFixed()会触发类型错误，导致功能失效。

修复方案 #

仅需要在读取输入值后先转为数字类型即可，也可额外补充输入合法性校验避免异常：

完整修改后的JavaScript代码 #

function tofixed_method() {
    // 将输入的字符串转为数字类型
    const val1 = Number(document.getElementById("input1").value);
    // 校验输入是否为合法数字
    if (isNaN(val1)) {
        document.getElementById("answer").textContent = "请输入有效数字";
        return;
    }
    const val2 = val1.toFixed(2);
    document.getElementById("answer").textContent = val2;
}

你的HTML代码不需要做任何修改，替换上述JS代码即可正常实现需求。

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