JavaScript向数组添加用户输入

JavaScript向数组添加用户输入,javascript,arrays,Javascript,Arrays,我最近开始学习JavaScript,但陷入了困境。我需要获取汽车信息作为汽车数组的对象。我有三种不同的输入,当用户键入内容并按下按钮时,它们必须被放入数组中 以下是我目前的代码: var inpCarName = document.getElementById("carName"); var inpSpeed = document.getElementById("speed"); var inpTime = document.getElementById(

我最近开始学习JavaScript,但陷入了困境。我需要获取汽车信息作为汽车数组的对象。我有三种不同的输入,当用户键入内容并按下按钮时,它们必须被放入数组中

以下是我目前的代码:

var inpCarName = document.getElementById("carName");
var inpSpeed = document.getElementById("speed");
var inpTime = document.getElementById("time");
var btnCarName = document.getElementById("btnCarName");
var btnRace = document.getElementById("btnRace");

carArray = [];

btnCarName.onclick = function()
{

}

使用上面列出的属性并创建新的。然后将各种对象推入一个网格:

carObject = {'inpCarName': inpCarName, 'inpSpeed': inpSpeed, 'inpTime': inpTime, 'btnCarName':btnCarName,'btnRace': btnRace  }

使用该功能将新对象推入carArray:
carArray.push(carObject)

您应该执行以下操作:

var car = {name:inpCarName, speed:inpSpeed, time:inpTime}; // create the     object
carArray.push(car); //here we insert the object in the array
你觉得怎么样?

试试下面的方法: 您需要推送DOM元素的值,如
inpcaname.value
,其中
inpcaname
是DOM元素

var inpCarName = document.getElementById("carName");
var inpSpeed = document.getElementById("speed");
var inpTime = document.getElementById("time");
var btnCarName = document.getElementById("btnCarName");
var btnRace = document.getElementById("btnRace");

carArray = [];

btnCarName.onclick = function(){
carArray.push({name:inpCarName.value, speed:inpSpeed.value, time:inpTime.value});
}

你什么都有。推一下;)就像这一个,看起来非常简单,我花了更少的时间来理解:D谢谢,伙计:)我想你的代码应该可以正常工作,但它只是抛出了一个错误:Uncaught TypeError:无法在script.js:9()上设置null的属性'onclick'。js9行是:btnCarName.onclick=function(),意思是
document.getElementById(“btnCarName”)
返回null,这意味着没有id为
btnCarName
的元素,但它只是非sens,因为我在html中有id为=“btnCarName”的按钮。这肯定是另外一回事……如果你想要一个很棒的基础来开始这些视频是非常棒的:虽然这个代码可以回答这个问题,但是提供关于如何和/或为什么它解决问题的附加上下文会提高答案的长期价值。
var carinfo ={};
var carArray=[];

carArray.push("Carname":inpCarName,"Speed":inpSpeed,"Time":inpTime);

carinfo={carArray}