在文本区域显示数组

Question

我有一个包含2个问题的数组：我想在HTM1的文本区域中显示所有问题。但当我点击按钮时，它只显示最后一个问题。在"；console.log"；它确实显示了整个阵列。为什么？Html部件：

<button id = "vragen">Questions:</button> <br><br>
<textarea name="" id="input"></textarea><br><br>

然后，js部分：

var input = document.getElementById("input");
var questions=
[
{
vraag: "Como voce se chama?n (a)Pedron(b)Fredn(c)Douglas",           
answer:"a"

},
{
vraag:"Qual sua idade? n(a)25n(b)30n(c)39",

answer: "c"
}

];
vraag.addEventListener("click",quiz);
function quiz()
{
for(var i = 0; i< questions.length;i++)
{
var vragen = questions[i].vraag;  
input.value = vragen;     
console.log(vragen);
}

请帮忙。

Answer 1

var input = document.getElementById("input");
var vragen = document.getElementById("vragen");
var questions = [
{
vraag: "Como voce se chama?n(a)Pedron(b)Fredn(c)Douglas",           
answer:"a"
},{
vraag: "Qual sua idade? n(a)25n(b)30n(c)39",
answer: "c"
}
];
vragen.addEventListener("click",quiz);
function quiz() {
for(var i = 0; i < questions.length; i++) {
var vraag = questions[i].vraag;  
input.value += vraag + "nn";     
console.log(vraag);
}
}

<button id = "vragen">Questions:</button><br><br>
<textarea name="" id="input" rows=12 cols=40></textarea><br><br>

Answer 2

input.value=vragen；

不要分配而是附加它。