回答編集履歴
1
edit
answer
CHANGED
|
@@ -2,8 +2,10 @@
|
|
|
2
2
|
同じような処理を書いているなら共通化したり、変わる部分だけを引数や変数にしたり、
|
|
3
3
|
定義は外だししてみたり、色々やり方はあります。
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
なので下記もあくまで「現状のコードから改善していった結果」と捉えてください。
|
|
6
|
+
|
|
7
|
+
----
|
|
6
|
-
|
|
8
|
+
[EventTarget.addEventListener()](https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener)使った方がHTMLはスッキリします。
|
|
7
9
|
設定したい値は決め打ちにするなら配列オブジェクトに持っても良いですが、関連性持たせるなら[data属性](https://developer.mozilla.org/ja/docs/Learn/HTML/Howto/Use_data_attributes)とか使ってみると汎用性は高まるかもしれません。
|
|
8
10
|
※結果は同じなので、正解というのはなく、一例です。実装の仕方は好みやプロジェクトのルールにも依存します
|
|
9
11
|
|