添加两个数字的 JavaScript 函数无法正常工作答案

【问题标题】：JavaScript function to add two numbers is not working right添加两个数字的 JavaScript 函数无法正常工作
【发布时间】：2023-04-08 17:08:01
【问题描述】：

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

例如，如果选择了数字 11，则 Rchange 的结果是 0.22，因此 .22 然后将 11 添加为 newResistance 的 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;
}

【问题讨论】：

这似乎类似于stackoverflow.com/questions/9743145/…。
在这里似乎可以正常工作：jsfiddle.net/3WnNf/1 所以问题必须在您的form.resistance.value 内
这样的问题是the jQuery meme的基础。（Original question（现已删除 - 仅对信誉点数超过 10,000 的用户可见）。

标签： javascript html function

【解决方案1】：

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

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

（这三个中的任何一个都可以；我更喜欢前两个（使用 parseInt 除非您正在寻找浮点数）。）

【讨论】：

【解决方案2】：

试试newResistance = +form.resistance.value + Rchange;。这会将其转换为数字。

【讨论】：

【解决方案3】：

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

form.resistance.value + Rchange 都是字符串，所以是附加的。

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

【讨论】：