添加两个数字的JavaScript函数工作不正常
JavaScript function to add two numbers is not working right
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方法获取十进制版本。
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 正在全局范围中查找JavaScript函数
- 如何将输入(type=text)从html表单传递到javascript函数
- 如何调用这个匿名 JavaScript 函数
- 通过Ajax将JavaScript函数传递给PHP文件
- 在javascript函数中设置全局变量
- 如何在执行此特定onclick事件时执行JavaScript函数
- 使用javascript函数在页面初始化后加载jquery
- javascript函数同步
- 如何将一个JavaScript函数回调为多个函数
- 在javascript函数中使用php变量
- 代码背后调用一个JavaScript函数的按钮点击-C#
- 将JavaScript函数与HTML分离
- 组合两个javascript函数
- 在 Java 中的 JavaScript 函数中插入 Wicket 值
- javascript函数内部的代码用逗号而不是分号分隔
- href属性内的javascript函数
- 使用html表单中的参数调用JavaScript函数
- 分析Javascript函数中的多个对象
- javascript函数的:和=之间的区别