Javascript 对表格元素进行算术计算

你好，先谢谢你

我有一个表，其中预先填充了一些值（如111.36），但当我尝试对数字进行数学运算，甚至显示数字时，什么都没有发生

谢谢你的帮助， Marc（Javascript新版本）

函数计算{
window.alert（“函数内计算”）；
var x=document.getElementByID（“Numb01”）.value；
窗口警报（x）；
}//结束函数

Javascript表
计算器演示
切掉这个！
日期
第一
二号
三号
4号
乘：
加：
百分比：
----------
--------
总数：


单击按钮以计算数据

算算

好吧，我想你已经读到了所有的评论都是这样说的：它是

getElementById

而不是

getElementById

。记住，JavaScript区分大小写

要成功运行代码，您需要做两件事：

将所有输入（数字）值存储在数组中

使用reduce函数可以轻松获得

乘法

、

求和

和

百分比

的结果

例如：

function calculate_it() {
  var inputs = document.querySelectorAll('input[type="number"]');
  var multiply = 0;
  var add = 0;
  var percentage = 0;

  // get the values of each input, map then and return
  // a new array with the parsed numbers
  var numbers = [].map.call(inputs, function (i) {
    return parseFloat(i.value);
  });

  multiply = numbers.reduce(function (n1, n2) {
    return n1 * n2;
  });
  add = numbers.reduce(function (n1, n2) {
    return n1 + n2;
  });
  percentage = numbers.reduce(function (n1, n2) {
    return (n1 / n2) * 100;
  });

  document.getElementById('ActionMulti').value = multiply.toFixed(2);
  document.getElementById('ActionAdd').value = add.toFixed(2);
  document.getElementById('ActionPercentage').value = percentage.toFixed(2);
  document.getElementById('Sum').value = (multiply + add + percentage).toFixed(2);
}

Number

类的

toFixed

返回数字的字符串表示形式，其中最大小数位数作为参数传递。如有必要，可将数字四舍五入（经典四舍五入）

完整示例

函数计算{
var inputs=document.querySelectorAll（'input[type=“number”]”）；
var乘=0；
var-add=0；
风险值百分比=0；
//获取每个输入的值，然后映射并返回
//具有已解析数字的新数组
var numbers=[].map.call（输入，函数（i）{
返回浮点值（即值）；
});
乘法=数字。减少（函数（n1，n2）{
返回n1*n2；
});
增加=数字。减少（功能（n1，n2）{
返回n1+n2；
});
百分比=数字。减少（功能（n1，n2）{
返回（n1*n2）/100；
});
document.getElementById（'ActionMulti'）。value=multiply.toFixed（2）；
document.getElementById（'ActionAdd'）。value=add.toFixed（2）；
document.getElementById（'ActionPercentage'）。value=percentage.toFixed（8）；
document.getElementById（'Sum'）。value=（乘法+加法+百分比）。toFixed（2）；
}

输入{
宽度：100%；
}

计算器演示
切掉这个！
日期
第一
二号
三号
4号
乘：
加：
百分比：
----------
--------
总数：


单击按钮以计算数据

计算它

正确的函数是

getElementById（idName）

。谢谢。我是一个真正的新手..var x=getElementByID（“Numb01”）；窗口警报（x）；我没有收到弹出警报JavaScript区分大小写，请注意小写的D:getElementById。学习使用开发人员控制台。它会告诉你你的错误。