顯示數組總數組元素的形式

我目前在JavaScript當然這是要我有以下正在興建發生：顯示數組總數組元素的形式

用戶在同一時間進入一個名字到窗體，然後印刷機提交
名稱存儲在一個數組中並輸出到表中
當名稱被輸入（並添加到表中）時，總數必須更新 - 基於數組，而不僅僅是從計數表元素

我現在的問題是，我將添加一個名字，那麼總顯示「1」 - 當我添加第二個名字，總顯示「11」

這是目前我的JavaScript代碼是什麼樣子：

function displayNamesAndTotal() { 
// Your code goes in here. 
var userInputName  = []; 
var totalNamesEntered = []; 
var countTotal   = 0; 
var firstName; 
var arrayIndex; 
var output; 
var outputTotal; 
var form; 

form    = document.getElementById("userFormId"); 
output    = document.getElementById("userEntriesId"); 
outputTotal   = document.getElementById("testId"); 
//userInputName[0] = form.firstname.value; 

userInputName.push(form.firstname.value) 

for (arrayIndex = 0; arrayIndex < userInputName.length; arrayIndex++) { 

    output.innerHTML += "<tr><td>" + userInputName[arrayIndex] + "</td></tr>"; 
    countTotal += userInputName.length; 
} 

outputTotal.innerHTML += countTotal; 
return false; 

}

我已經花了近一天左右，試圖找出我在做什麼錯誤的 - 它可能是令人尷尬的東西容易 - 但是我在虧損，並可能使用指導

任何建議？

謝謝

來源

2014-12-13 kmancusi

唉，我有我在做什麼錯誤的想法，但我不知道如何解決它:( 我需要做的是推格式數據到我的空數組（填充它）。但是，我開始意識到它實際上並不連續增加更多的元素到數組中，它只是把它看作它是不斷的第一長度。將數據（從onsubmit）形式到我的數組，並保持添加值按下按鈕？ – kmancusi 2014-12-13 06:42:46

它看起來像你的總數是存儲一個字符串，而不是一個數字。嘗試使用parseInt（數字）將字符串轉換爲數字。

來源

2014-12-13 01:29:16

outputTotal.innerHTML是一個字符串，所以添加到它將串聯在一起。由於outputTotal.innerHTML從空開始，因此將其添加1以創建「1」。當你再次添加1時，outputTotal.innterHTML已經是「1」，所以它變成了「11」。

而不是增加outputTotal.innerHTML嘗試直接設置HTML。

outputTotal.innerHTML = countTotal;

來源

2014-12-13 01:29:30 ateich

問：當我添加新的數據到數組（和表），不應該增加長度屬性？而通過這種情況，將其作爲總體還是我來說行不通？遺漏了什麼？ – kmancusi 2014-12-13 02:40:56

你說得對。我剛剛使用你原來的語法：outputTotal.innerHTML + = countTotal 我編輯我的答案，以反映這一點。 – ateich 2014-12-13 06:46:42

天哪，從你們讀其他的答案我想我有它舔

for (arrayIndex = 0; arrayIndex < userInputName.length; arrayIndex++) {  
    tableData = "<tr><td>" + userInputName[arrayIndex] + "</td></tr>"; 
    totalCount = userInputName.length; 
} 

output.innerHTML += tableData; 
outputTotal.innerHTML = "<h4>Total Number of Strings: " + totalCount + "</h4>"; 

form.string.select(); 
return false;

這樣，TOTALCOUNT擔任數組的長度，當它通過循環去了，那麼外我可以顯示它的innerHTML語句，並且每當提交新字符串時都會不斷更新它。

感謝您的所有反饋意見

來源

2014-12-13 17:56:51 kmancusi

顯示數組總數組元素的形式

回答

相關問題