Javascript 将用户输入存储在数组中并显示在屏幕上
在数组中存储信息（firstName、lastName、accNumber等）。我已经在数组中有一些数据了。我想请求用户输入，并将该输入推送到数组中，保存并在屏幕上显示（而不是在控制台中）。此外，新信息不会保存在阵列中。我使用提示和表单。这不起作用Javascript 将用户输入存储在数组中并显示在屏幕上,javascript,arrays,function,input,display,Javascript,Arrays,Function,Input,Display,在数组中存储信息（firstName、lastName、accNumber等）。我已经在数组中有一些数据了。我想请求用户输入，并将该输入推送到数组中，保存并在屏幕上显示（而不是在控制台中）。此外，新信息不会保存在阵列中。我使用提示和表单。这不起作用 /* creatting array */ var customer = [ {fname: "Jhon", lname: "Yojin", accNo: 1, balance: 400},
/* creatting array */
var customer = [
{fname: "Jhon", lname: "Yojin", accNo: 1, balance: 400},
{fname: "Jane", lname: "Jin", accNo: 2, balance: 500},
{fname: "Emily", lname: "Sena", accNo: 5, balance: 100}
];
console.log(customer.length);
console.log(customer[1].fname);
console.log(customer[2].lname);
var newName = prompt("what is your lnamename?");
customer.push(newName);
console.log(customer);
/*function to add data in array*/
function addInArray() {
var addName = document.getElementById("#nameInput");
customer.push(addName.value);
addName.value = "";
console.log(customer);
}
/* display array*/
function displayArray(){
for(var i=0; i < customer.lenght; i++){
document.write("customer" + i + customer[i] + "</br>");
document.getElementById("#showName").innerHTML = customer[i];
}
}
</script>
<form>
<input id="nameInput" type="text"/ placeholder="yourInfo">
<button type="button" id="add" onclick="addInArray();">Add </button>
<button type="button" id="myList" onclick="displayArray();">Display</button>
</form>
<div id="box"></div>
<div id="showName"> </div>
</body>
/*创建数组*/
var客户=[
{fname:“Jhon”，lname:“Yojin”，账号：1，余额：400}，
{fname:“Jane”，lname:“Jin”，账号：2，余额：500}，
{fname:“Emily”，lname:“Sena”，账号：5，余额：100}
];
console.log（customer.length）；
console.log（客户[1].fname）；
console.log（客户[2].lname）；
var newName=prompt（“您的lnamename是什么？”）；
customer.push（newName）；
控制台日志（客户）；
/*用于在数组中添加数据的函数*/
函数addInArray（）{
var addName=document.getElementById（“#nameInput”）；
customer.push（addName.value）；
addName.value=“”；
控制台日志（客户）；
}
/*显示阵列*/
函数displayArray（）{
对于（变量i=0；i”；
document.getElementById（“#showName”）.innerHTML=customer[i]；
}
}
添加
展示
getElementById/*创建数组*/
var客户=[
{fname:“Jhon”，lname:“Yojin”，账号：1，余额：400}，
{fname:“Jane”，lname:“Jin”，账号：2，余额：500}，
{fname:“Emily”，lname:“Sena”，账号：5，余额：100}
];
displayMyAcc（）
函数displayMyAcc（）{
var myAccNo=prompt（“您的acc号码是多少？”）；
document.getElementById（“showName”）.innerHTML=JSON.stringify（customer.filter（x=>x.accNo==myAccNo）[0]）；
}
/*用于在数组中添加数据的函数*/
函数addInArray（）{
var addName=document.getElementById（“nameInput”）；
customer.push（addName.value）；
addName.value=“”；
}
/*显示阵列*/
函数displayArray（）{
对于（变量i=0；i
添加
展示
getElementById/*创建数组*/
var客户=[
{fname:“Jhon”，lname:“Yojin”，账号：1，余额：400}，
{fname:“Jane”，lname:“Jin”，账号：2，余额：500}，
{fname:“Emily”，lname:“Sena”，账号：5，余额：100}
];
displayMyAcc（）
函数displayMyAcc（）{
var myAccNo=prompt（“您的acc号码是多少？”）；
document.getElementById（“showName”）.innerHTML=JSON.stringify（customer.filter（x=>x.accNo==myAccNo）[0]）；
}
/*用于在数组中添加数据的函数*/
函数addInArray（）{
var addName=document.getElementById（“nameInput”）；
customer.push（addName.value）；
addName.value=“”；
}
/*显示阵列*/
函数displayArray（）{
对于（变量i=0；i
添加
展示
for（var i=0；ilenghtlength（var i=0；ilenghtlength