Javascript 交替显示值时显示

我有一个包含玩家姓名的数组，我想在每个问题中按照数组的顺序显示一个玩家的姓名，例如arrNames['mark'，'john'，'jay'，]，我想与问号1，问号2 john一起显示，等等。在每次迭代中，我想让名字在数组中更改为下面的名字

这是我正在尝试的，但我只得到数组中的最后一个值，如何修复它

const names = [];
var counter = 0;
const limit = 4 * localStorage.getItem('playersNum');

nextBtn.addEventListener('click', function() {
  if(counter < limit) {
    // Display player's name and ask question
    for (let i = 0; i < names.length; i++) {
        const playerName = document.getElementById('card-title');
        playerName.innerText = names[i];
        console.log(names);
    }
    const h6 = document.getElementById('h6');
    h6.innerHTML = "Question " + (counter + 1);
    nextBtn.innerHTML = "Next";
    // Randomely pick a question from the array
    randomItem = questions[Math.floor(Math.random()*questions.length)];
    random = document.getElementById('questions');
    random.innerText = randomItem;
    counter++; 
  } else {
    alert('No more questions !')
  }
});

const name=[]；
var计数器=0；
const limit=4*localStorage.getItem（'playersNum'）；
nextBtn.addEventListener（'click'，function（）{
if（计数器<极限）{
//显示玩家姓名并提问
for（设i=0；i

更改

// Display player's name and ask question
for (let i = 0; i < names.length; i++) {
  const playerName = document.getElementById('card-title');
  playerName.innerText = names[i];
  console.log(names);
}

---

为什么，因为它在所有名称上循环，而与

计数器的当前值无关，因此为什么您只看到姓氏。
我只得到数组中的最后一个值有点不清楚，但是查看您的代码
文档。getElementById（'card-title'）
正在查找
id=“card-title”
即单个元素，所以它只是在for循环的每次迭代中替换其内部文本。。因此，为什么您只看到最后一个替换的项作为其最终值
innerText+=variable
@lawrencerone感谢您的响应，document.getElementById（'card-title'）正在寻找id=“card-title”即单个元素，因此它只是在for循环的每次迭代中替换其innerText。这正是我想要做的，但是随着每次迭代，名称都会在arrayGet中更改为下一个名称，去掉for循环并执行
playerName.innerText=names[counter]嘿，谢谢它工作了，当问题还在继续时，它怎么能重新开始呢？例如，当我有8个问题和3个玩家时，当它到达名称数组的末尾时，它会重新开始，直到没有更多的问题为止？如果不进行测试，您可能会使用模
名称[counter%questions.length]，则计数器将始终在questions.length范围内，与计数器值无关
const playerName = document.getElementById('card-title');
playerName.innerText = names[counter];