Javascript의 텍스트 영역에 여러 값을 추가하려면 어떻게해야합니까?

Question

저는 자바 스크립트를 처음 접하고 문제를 해결하기 위해 사용자가 입찰가와 함께 항목에 대한 입찰가를 입력 할 수 있도록하는 웹 사이트를 만듭니다. 둘 다 입력하면 제출 버튼을 누르고 입찰가/입찰가 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이 텍스트 변수 +=를 사용하여 말했듯이 완벽하게 작동 해 주셔서 감사합니다 :

자바 스크립트를

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>