2017-03-07 80 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

儘管這段代碼可能回答這個問題,但提供關於如何解決問題和/或爲什麼解決問題的額外上下文會提高答案的長期價值。 –

相關問題