Получение 'For Loop' работает так же, как 'forEach'

Question

Этот использует Для цикла

После нажатия другой кнопки они не переключаются обратно на кнопку воспроизведения, а вместо этого остаются на паузе.Звук останавливается без проблем, это просто кнопки, которые по какой-то причине не меняются назад.

https://jsfiddle.net/pezuLqvo/85/

function hideAllButtons(button) {
  const buttons = button.querySelectorAll(".play, .pause, .speaker");
  for (let i = 0; i < buttons.length; i += 1) {
    hide(buttons[i]);
  }
}

function pauseAllButtons(buttons) {
  for (let i = 0; i < buttons.length; i += 1) {
    if (isPlaying(buttons[i])) {
      showPlayButton(buttons[i]);
    }
  }
}

function showPauseButton(button) {
  const pause = getPause(button);
  pauseAllButtons(button);
  hideAllButtons(button);
  show(pause);
  button.classList.add("active");
}

Глядя на то, как этот был настроен, вы можете определить, что я хотел бы изменить в приведенном выше коде, чтобы исправить эту проблему?

В этом используется forEach

https://jsfiddle.net/pezuLqvo/84/

function hideAllButtons(button) {
  button.querySelectorAll(".play, .pause, .speaker").forEach(hide);
}

function pauseAllButtons() {
  const buttons = document.querySelectorAll(".playButton");
  buttons.forEach(function hidePause(button) {
    if (isPlaying(button)) {
      showPlayButton(button);
    }
  });
}

function showPauseButton(button) {
  const pause = getPause(button);
  pauseAllButtons();
  hideAllButtons(button);
  show(pause);
  button.classList.add("active");
}

Answer 1

Это был ответ:

https://jsfiddle.net/pezuLqvo/93/

function pauseAllButtons() {
  const buttons = document.querySelectorAll(".playButton");
  for (let i = 0; i < buttons.length; i += 1) {
    if (isPlaying(buttons[i])) {
      showPlayButton(buttons[i]);
    }
  }
}