Javascript 如何将输入中的值插入数组?

Javascript 如何将输入中的值插入数组?,javascript,html,arrays,forms,input,Javascript,Html,Arrays,Forms,Input,我是JavaScript的初学者。我有一张显示账单明细的表格。数量可以在表格中填写。输入工程量并提交表格后,将计算账单并显示每种类型的价格和总价。那么,如何将输入值插入到数组中呢 冰淇淋店 要将页面上所有文本输入的所有值添加到数组中,请执行以下操作: var array = []; var inputs = document.getElementsByClassName("input"); for(var i = 0; i < inputs.length; i++){ i

我是JavaScript的初学者。我有一张显示账单明细的表格。数量可以在表格中填写。输入工程量并提交表格后,将计算账单并显示每种类型的价格和总价。那么,如何将输入值插入到数组中呢

冰淇淋店


要将页面上所有文本输入的所有值添加到数组中,请执行以下操作:

var array = [];
var inputs = document.getElementsByClassName("input");
for(var i = 0; i < inputs.length; i++){
    if(inputs[i].type == "text"){
        array[array.length] = inputs[i].value;
    }
}
var数组=[];
var inputs=document.getElementsByClassName(“输入”);
对于(变量i=0;i
我添加了一个函数
calculate()
,它为您实现了以下功能:

function calculate() {
  const inputs = document.querySelectorAll("input[type=text]");
  const arrayInputValues = Array.from(inputs).map(input => +input.value);
  console.log(arrayInputValues);
}
通过执行所需的计算完成。下面是应用此函数的代码段

输入值是字符串,因此需要将其转换为整数。这是通过“+”前缀完成的


付帐
冰淇淋店


我认为问题在于您无法在该输入文本中获取值,因此您需要为输入设置id并使用DOM获取值

之后,当你们点击按钮将使用,你们可以做任何事情之后

document.getElementByID('text1')。值或
text2
。。。获得价值