JavaScript click後の処理について

Question

前提・実現したいこと

まず、私が実現したいことが可能なのかよくわかっていないのでご了承ください。

選択肢１、選択肢２、選択肢３

上記はそれぞれクリックすることができ、それぞれにidを振ります。

この時、どれがclickされても1つの
.addEventListener('click', function(){処理}, false);
内に処理をまとめることは可能でしょうか？

.addEventListener('click', function(){処理}, false);
上記を選択肢1つに対して1つずつ書くのではなく、1つにまとめたいです。

{処理}部分では、どれがクリックされたかで条件分岐を行いたいと思ってます。

可能でしたらヒントをいただければと思います。

上記のような問題を解いているので、とても勉強にはなるのですが他の方法ではなく上記の条件で考えていただければと思います。

発生している問題・エラーメッセージ

1つずつに分ければ処理ができるが、上記ができない。

できるなら上記のようにしたい。

試したこと

関数を作成すればできるのかな、と考えていますが思い付かないです。

よろしくお願い致します。

Comments

[m.ts10806]

大抵のことは「可能」なので、「可能かどうか」を質問するのは無粋なものです。「そのように作ればできる」です。

Answer 1

Event.currentTargetにて「イベントが発生した要素自身」が取得できるので、要素に、例えばdata属性などで区別できる情報を付与しておいた上で、その区別できる情報を取得すればあとは良しなにできます。

Comments

[退会済みユーザー]

ありがとうございます。

調べてみて、Event.currentTargetを使用すれば行いたいことができそうでした。