如果一个按钮被切换，其他按钮保持不切换，我该怎么做(学习dom操作)

<button class="toggle-btn">按钮1</button>
<button class="toggle-btn">按钮2</button>
<button class="toggle-btn">按钮3</button>

// 获取所有的按钮元素
var buttons = document.querySelectorAll('.toggle-btn');

// 为每个按钮绑定点击事件
buttons.forEach(function(button) {
  button.addEventListener('click', function() {
    // 判断当前按钮是否已经处于切换状态
    if (!button.classList.contains('active')) {
      // 重置所有按钮的切换状态
      buttons.forEach(function(btn) {
        btn.classList.remove('active');
      });
      // 切换当前点击的按钮为切换状态
      button.classList.add('active');
    }
  });
});