ファイルに記述されているスクリプトを複数のファイルに切り分けたい

実現したいこと

デザインパターンの学習の一環として、JavaScriptでオセロアプリのコードを書いています。
動作するオセロのソースコードを元に、クラスに分割しそれぞれを独立したファイルにリファクタリングしたいと考えています。

自分で考えたリファクタリング方法を実装したところ、スクリプトの機能を十分に把握できていなかったため、オセロ盤が表示されませんでした。

リファクタリングの手法やファイルの分割方法についてアドバイスいただければ幸いです。

発生している問題・分からないこと

自分で考えたリファクタリング方法だと【動作するオセロのソースコード】の実装方針と合わないことは分かるのですが、適切なリファクタリング方法が分かりません。

該当のソースコード

自分で考えたリファクタリング方法を実装したソースコード

動作するオセロのソースコード

補足

前の質問の続きになります。