Javascriptのテキストエリアに複数の値を追加するにはどうすればよいですか？

Question

私はJavascriptを初めて使用していて、問題に取り組んでいます。これは、ユーザーが入札IDとともに商品アイテムに入札を入力できるウェブサイトを作成することです。両方を入力すると、送信ボタンが押され、入札/入札ID（日付と時刻とともに）がテキストエリアに表示されます。

複数の入札を提出して表示することができますが、現在は表示することができます。私がどのように複数の入札を表示することができるかについての助けに感謝します。

var bids = new Array(); 
var bidders = new Array(); 
var bidTime = new Array(); 

function writeBid() { 
    var historyText = " "; 
    for (var i = 0; i < bids.length; i++) { 
    historyText = bidTime[i] + " " + bids[i] + " " + bidders[i] + "\n"; 
    document.bidForm.bidList.value = historyText; 
    document.bidForm.highBid.value = bids[i]; 
    document.bidForm.bidId.value = " "; 
    document.bidForm.bidAmount.value = " "; 
    } 
} 
function addBid() { 
    bidders.unshift(document.bidForm.bidId.value); 
    bids.unshift(document.bidForm.bidAmount.value); 
    var now = new Date(); 
    var hours = now.getHours(); 
    var minutes = now.getMinutes(); 
    var seconds = now.getSeconds(); 
    var timeText = hours + ":" + minutes + ":" + seconds; 
    bidTime.unshift(timeText); 
    writeBid(); 
} 
function removeBid() { 
    bids.shift(); 
    bidders.shift(); 
    bidTime.shift(); 
    writeBid(); 
} 

Answer 1

@nnnnnnがあなたのテキスト変数と+=を使用して言ったように、完璧な作品をありがとう：

JavaScriptを

var bids = [10, 20, 30]; 
var bidders = ['tim', 'sam', 'john']; 
var bidTime = ['10/2/2013','12/5/213','14/1/2023']; 

function writeBid() { 
    var historyText = " "; 
    for (var i = 0; i < bids.length; i++) { 
    historyText += bidTime[i] + " " + bids[i] + " " + bidders[i] + "\n"; 
    document.bidForm.highBid.value = bids[i]; 
    document.bidForm.bidId.value = " "; 
    document.bidForm.bidAmount.value = " "; 
    } 
    document.bidForm.bidList.value = historyText; 
} 

は `bidList`が

<form name="bidForm" id="bidForm"> 
    <input type="text" name="bidId" id="bidId"/> 
    <input type="text" name="bidAmount" id="bidAmount"/> 
    <input type="text" name="highBid" id="highBid"/> 
    <textarea name="bidList" id="bidList"></textarea> 
</form>