内で完結した方が使いやすいです。表示する場所さえあれば良くなりました。これを外部から受け取るように修正します。現状のソース全文ひとまず完成です。複数ヶ所で使いたい場合には、上記のように作成すると使うのは簡単です。全部入りなので使い方もシンプルです。全部入りな分、デザインの変更にはとても弱いです。文が増えて乱雑になりがち。タグが組み終わっていたり、デザインと機能は別々に処理したい時などはこちらの方法が無難です。counter.reset();})こんな感じです。気になるところとしては、パフォーマンス面で問題提起されがちということです。比較してあからさまに遅いといった状況にはまだ遭遇していません。問題に出会えたら原因と改良点について追記します。そのテストも書いたので紹介します。生成したバージョンのテストは後日。複数作成し、それらのカウントの合計を表示する場合。増加させる関数を引数で渡す方法もあります。方は受け取った関数を実行するようにします。更新部分が絡み合っている状態の解消の取っ掛かりにしやすく、影響範囲を小さくできます。ファイルにページ単位で上から下に処理がどんどん書き足されているケースがあります。機能毎の分離が曖昧で、後々コードを追いかけるのが難しく、なにか変更があるたびに新しい行数が同じ階層に増えていきがち。用いて機能をまとめると、後々ファイルにも分割しやすくなるためおすすめです。データ取得や書き換えや計算があり、とにかく年々積み重なった処理が多いとします。構造を参考に大雑把なブロック単位のオブジェクトにしてみます。内部に必要な機能や変数を持つため、既存のコードとバッティングすることもなく共存が可能です。ブロック毎にオブジェクトを作成することでそれぞれの機能が見えてくるようになり、機能の重複部分が理解できたら、オブジェクトをコード単位から機能単位に作り変えて、少しずつ既存の処理と置き換えていくのが良いと思います。使用量が少ないならこのような改善を無理に行う必要はないです。してまとめてしまう方法は、既存のコードと共存しながら修正を進められるのでおすすめです。hidekazooTwitterJavaScriptやPHPなどプログラム関係やDockerといった開発環境など、ITエンジニアとして興味あることを紹介しているサイトです。