2017-03-07 260 views
2

我最近开始学习Javascript并卡住了。我需要将汽车信息作为汽车阵列的对象。我有三个不同的输入,必须放在数组中作为用户类型的东西,然后按下按钮。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() 
{ 

} 
+0

你的每一件事情。只是推;) –

回答

0

使用上面列出的属性,并创建一个新的object。然后按不同的物体放到carArray:

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

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

+0

哦..将试试这个,谢谢,队友:) – Lucas

0

你应该做这样的事情:

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

怎么办您认为?

+0

是的,也会试试这个,谢谢,队友:) – Lucas

+0

另外,如果你想要一个伟大的基础开始这些视频是太棒了: https:/ /www.youtube.com/user/techSithTube/videos –

+0

@scuencag哇,非常感谢你,真的很感谢:) :) – Lucas

0

请在下面尝试: 您需要推送DOM元素的值,如inpCarName.value,其中inpCarName是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}); 
} 
+0

真的很喜欢这个,看起来很简单,它确实花了我更少的时间去理解:D谢谢,队友:) – Lucas

+0

你的代码,我想应该工作得很好,但它只是抛出一个错误:未捕获TypeError:无法在script.js:9()处设置null的属性'onclick'。而JS9行是:btnCarName.onclick =()函数 – Lucas

+0

这意味着'的document.getElementById(“btnCarName”);'是返回null,这反过来又意味着有id为'btnCarName' –

0
var carinfo ={}; 
var carArray=[]; 

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

carinfo={carArray} 
+0

尽管这段代码可能回答这个问题,但提供关于如何解决问题和/或为什么解决问题的额外上下文会提高答案的长期价值。 –