Javascript 通过阵列显示输入

我有三个输入框。一旦用户将数据添加到三个输入框中，他们就会单击一个按钮，将该数据添加到数组中。我希望多人能够将数据添加到输入框中，然后单击按钮将数据添加到数组中。页面上还有一个按钮，允许用户查看数组中的所有数据，并告诉他们数组中有多少个值。这就是我到目前为止所做的，尽管我确信其中大部分是不正确的，因为我刚刚开始学习javascript。有人能帮我一下吗？非常感谢

var customerarray=[]；
函数displaydata（）{
var customerName=document.getElementById（'custName'）.value；
var customerID=document.getElementById（'custID'）.value；
var AmountDue=document.getElementById（“金额”）.value；
var innerTemphtml=''；
对于（var i=0；i替换此

var i = customerarray.length
while (i--) {
  document.getElementById('output').innerHTML = customerarray[i].custName + " " + customerarray[i].custID + " " + customerarray[i].Amount;

}

用这个

var innerTemphtml = '';
for(var i=0;i<customerarray.length;i--) {
  innerTemphtml + = customerarray[i].customerName+ " " + customerarray[i].customerID+ " " + customerarray[i].AmountDue;

     }
  document.getElementById('output').innerHTML=innerTemphtml ;
 }

var innerTemphtml=''；
对于（var i=0；ithanks对于该建议，我添加了您的代码，但似乎仍然无法使其正常工作。我在上面添加了一段代码。您可以再看一看吗？@Mithrandir您的元素id存在大小写敏感问题，例如，您将其声明为“CustID”，并将其调用为“CustID”最后一个问题，有没有办法让每个输入值都显示在不同的行上。例如：Karl-881-$10显示在一行上，Sam-994-$20显示在下面的行上？不管我自己怎么想，非常感谢你的帮助！
var customerarray = [];

function displaydata() {
  var innerTemphtml = ' ';
  for (var i = 0; i < customerarray.length; i++) {

    innerTemphtml += customerarray[i].customerName + " " + customerarray[i].customerID + " " + customerarray[i].AmountDue;
  }
  document.getElementById('output').innerHTML = innerTemphtml;

}

function addtoarray() {
  customerarray.push({
    customerName: document.getElementById('custName').value,
    customerID: document.getElementById('CustID').value,
    AmountDue: document.getElementById('Amount').value
  });
}