javascript - for ループで配列の最後の値だけが表示されるのはなぜですか?

Question

これをループに使用すると、配列の最後の値のみが出力されます。もしそうならなぜですか？

fouteAntwoorden = [];
for (i = 0; i < fouteAntwoorden.length; i++) { 
        document.getElementById('antwoorden').innerHTML = fouteAntwoorden[i] + '<br>';      
    }

私のプロジェクト全体を見たい場合は、JSFiddle を参照してください。 http://jsfiddle.net/yTZbP/1/

編集：

私のアプリでは、dativ または accusativ に単語を割り当てる必要があります。もし間違っていたら、あなたが間違っていた単語をresult_pageに表示してほしい。しかし、私の for ループは最後の間違った答えしか表示しません。手伝ってくれますか？

Answer 1

この行：

document.getElementById('antwoorden').innerHTML = fouteAntwoorden[i] + '<br>';

antwoorden反復ごとにタグの内容を再割り当てします。おそらくあなたは意味しました+=：

document.getElementById('antwoorden').innerHTML += fouteAntwoorden[i] + '<br>';

別々の単語を含む複数の要素が必要な場合は、テキストを格納するための個別の要素を作成してみませんか？

for (i = 0; i < fouteAntwoorden.length; i++) {
    p = document.createElement("p");
    p.innerHTML = fouteAntwoorden[i] + '<br>';
    document.getElementById("SomeContainer").appendChild(p);
}