Uncaught TypeError: document.querySelectorAll(...).addEventListener is not a functionjqueryだとfindで検索した結果に対してイベントリスナーの設定ができたが、javascriptではエラーになる。
querySelectorならできるが、やりたいのはそれではない。
jqueryでできる理由は、jqueryのonメソッドでは、検索された結果の各要素にイベントリスナーを設定している。
が、javascriptのaddEventListenerは要素1つに対して行う。
そのため、今回やりたいことを実現するには
A. ループして各要素にイベントリスナーを設定すること