spinボタンの制御をする際、

 const spin = document.getElementById('spin');
  spin.addEventListener('click',() => {
    if(spin.classList.contains('inactive')){
      return;
    }
    spin.classList.add('inactive');
    panels.forEach(panel => {
      panel.spin();
    });
  });

このようなコードになっていますが、if文の箇所と、spinにinactiveクラスをつける箇所のコードを逆に書いたところ、spinボタンを押しても機能しませんでした。これはなぜなのでしょうか。こんな基礎的なことではありますが、回答いただけると幸いです。具体的には下のようにコードを書いたところspinを押しても機能しませんでした。

 const spin = document.getElementById('spin');
  spin.addEventListener('click',() => {
    spin.classList.add('inactive');
    if(spin.classList.contains('inactive')){
      return;
    }
    panels.forEach(panel => {
      panel.spin();
    });
  });