HTML JavaScript onclickはダメ！という記事(?)を見たのですがどういう意味ですか？

Question

サイト名は覚えていませんがどうしてダメなのですか？
Whhhhhy!! JavaScript whhhhhy!!

Answer 1

HTMLにJavaScriptイベントを割り当てる方法としては、大きく分けて3つ存在します。
0. HTML属性にonclick="foo()"のような感じでJavaScriptをセットする
0. DOMオブジェクトで、element.onclick=function(){...}のようにプロパティにセットする
0. addEventListenerのようなメソッドでイベントリスナーを管理する。
1つ目の方法では、JavaScriptとHTMLが混ざってしまって後々の再利用の支障となりますので、よほどシンプルなものを除いてはやるべきでないでしょう。2つ目の方法も、これではイベントが1つしかセットできないという問題点がありますので、あまり推奨されていません。

Comments

[退会済みユーザー]

ありがとうございます！勉強になりました！