javascript - クイズ ボタン - 間違ったカウンター

Question

ユーザーが次の質問をクリックするたびに質問数が増えるクイズを作成しようとしています。そこからさらに追加しますが、現時点ではカウンターがずれているようです。最初の数として 1 ではなく 10 を取得します。これが私のコードです：

function nextQuestions() {
    for (var qnumber = 0; qnumber < 11; qnumber++) {
        document.getElementById('questionNumber').value = qnumber;
    }
}

Answer 1

要素questNumberの値を置き換えているため、ループが終了すると、最後に最後の値が設定されます。したがって、ループが実行されるとquestNumberの値が変更されます。

value: 0
value: 1
value: 2
value: 3
value: 4
value: 5
value: 6
value: 7
value: 8
value: 9
value: 10

最終的に、以前の値が置き換えられるため、表示されるのは 10 になります。