添加两个数字的JavaScript函数工作不正常

JavaScript function to add two numbers is not working right

本文关键字:JavaScript 函数 工作 不正常 数字 两个 添加      更新时间:2023-11-21

HTML中的代码接受用户输入的数字,然后进行计算并显示输出。用户选择的输入被放入一个公式中,公式的结果被添加到用户输入的数字中,但当它将两个数字相加时,它会添加一个小数点。

例如,如果选择了数字11,则Rchange的结果为0.22,因此对于newResistance,.22加11为11.22,但它显示的值为110.22。

function calc(form) {
    if (isNaN(form.resistance.value)) {
        alert("Error in input");
        return false;
    }
    if (form.resistance.value.length > 32) {
        alert("Error in input");
        return false;
    }
    var Rchange = .01 * 2 * form.resistance.value;
    var newResistance = (form.resistance.value + Rchange);
    document.getElementById("newResistance").innerHTML = chopTo4(newResistance);
}
function chopTo4(raw) {
    strRaw = raw.toString();
    if (strRaw.length - strRaw.indexOf("0") > 4) strRaw = strRaw.substring(0, strRaw.indexOf("0") + 5);
    return strRaw;
}

HTML DOM元素属性始终是字符串。您需要在使用时将它们转换为数字。

parseInt(form.resistance.value);
parseFloat(form.resistance.value);
+form.resistance.value;

(这三种方法中的任何一种都可以;我更喜欢前两种(除非您正在寻找浮点值,否则请使用parseInt)。)

尝试newResistance = +form.resistance.value + Rchange;。这将把它转换成一个数字。

这是因为它将值视为字符串。

form.restance.value+Rchange都是字符串,所以它会附加它。

使用parseInt JavaScript方法获取十进制版本。