menuItems.forEach(function(item) {
      item.classList.remove('active');

    item.classList.add('active');
    });
    〇//! contents.forEach(content => {
      content.classList.remove("active"); !//
    })
  })
})
 contents.forEach(content => {
 content.classList.remove("active");

(〇の部分) content の active クラスを削除しているコードを menuItems.forEach() の括弧外に記載するとブラウザで見た際に最初からコンテンツの内容が記載されないのですが、これはなぜですか？