Q. querySelectorAllでaddEventListenerが動かない

Uncaught TypeError: document.querySelectorAll(...).addEventListener is not a function

jqueryだとfindで検索した結果に対してイベントリスナーの設定ができたが、javascriptではエラーになる。

querySelectorならできるが、やりたいのはそれではない。

jqueryでできる理由は、jqueryのonメソッドでは、検索された結果の各要素にイベントリスナーを設定している。

が、javascriptのaddEventListenerは要素1つに対して行う。

そのため、今回やりたいことを実現するには

A. ループして各要素にイベントリスナーを設定すること