fetchとdiv要素の外部化
![](https://assets.st-note.com/img/1726401744-IVPqwoyL6udGHKBYh31vl0ST.png?width=1200)
視認性と保守性を考えてidからsectionの代入する
JavaScriptをfetchで実装します。
メリット
1.視認性
2.保守性
3.エラー修正の容易さ
![](https://assets.st-note.com/img/1726401842-K1hFSf0BIR9pyJxgaWG7CiZd.png?width=1200)
sectionごとのJavascriptはこのように書き
必要なhtmlは別途section事に用意します。
![](https://assets.st-note.com/img/1726401916-rhbUSemtuVsBQJO3c62iCHwg.png?width=1200)
mainでsectionの代入をします。
要素ごとに分かれた複数のページを作れます。
視認性と保守性を考えてidからsectionの代入する
JavaScriptをfetchで実装します。
メリット
1.視認性
2.保守性
3.エラー修正の容易さ
mainでsectionの代入をします。
要素ごとに分かれた複数のページを作れます。