在 textarea 中显示数组答案

【问题标题】：display array in textarea在 textarea 中显示数组
【发布时间】：2020-12-30 19:07:48
【问题描述】：

我有一个包含 2 个问题的数组：我想在我的 HTMl 中显示 textarea 中的所有问题。但是当我点击按钮时，它只显示最后一个问题。在“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)Pedro\n(b)Fred\n(c)Douglas",           
     answer:"a"
     
    },
    {
        vraag:"Qual sua idade? \n(a)25\n(b)30\n(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);
 }

请帮忙。

【问题讨论】：

将input.value = vragen 更改为input.value += vragen。
更改 vraag.addEventListener("click",quiz); 为 document.getElementById('vragen').addEventListener("click", quiz);
并添加几个换行符 - 请参阅我的答案。
你将如何阅读用户的答案？使用textarea - 您只是在为自己做很多工作...尝试使用divs 和buttons...
我只是在尝试，一步一步完成这个测验项目。对设置用户选择有何建议？

标签： javascript html arrays function

【解决方案1】：

input.value = vragen;

不要分配而是附加它。

【讨论】：

【解决方案2】：

var input = document.getElementById("input");
var vragen = document.getElementById("vragen");
var questions = [
  {
    vraag: "Como voce se chama?\n(a)Pedro\n(b)Fred\n(c)Douglas",           
    answer:"a"
  },{
    vraag: "Qual sua idade? \n(a)25\n(b)30\n(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 + "\n\n";     
    console.log(vraag);
  }
}

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

【讨论】：