如何遍历按钮数组，并在用户单击数组中的下一个按钮时才继续循环

// 创建按钮数组
var buttons = [button1, button2, button3, button4];

// 定义当前遍历到的按钮的索引
var currentIndex = 0;

// 给每个按钮添加点击事件监听器
buttons.forEach(function(button) {
  button.addEventListener('click', function() {
    // 判断当前按钮的索引是否等于当前遍历到的按钮的索引
    if (buttons.indexOf(button) === currentIndex) {
      // 执行相应的操作，例如显示按钮的文本内容
      console.log(button.textContent);
      
      // 将当前遍历到的按钮的索引加1
      currentIndex++;
      
      // 判断是否已经遍历完所有按钮
      if (currentIndex === buttons.length) {
        // 重新开始遍历，将当前遍历到的按钮的索引重置为0
        currentIndex = 0;
      }
    } else {
      // 用户点击了不正确的按钮，可以给出相应的提示或者忽略该点击事件
      console.log('请按照正确的顺序点击按钮');
    }
  });
});