要素が持つクラス名を利用して、要素に対して一括でイベントや処理を実装してみましょう。

スクリーンショット 2022-05-08 22.12.44.png

使用するファイル


配布

作成

ダウンロード

kadai05.zip

仕様


クラス名「blank」を持つa要素をクリックした際に、target属性を使わずに新しいウィンドウを開いて、クリックしたa要素のリンク先を表示してください。

JavaScriptのクリックイベントは、クラス名「blank」の数分だけ定義するのではなく、ループ処理を活用して一度の定義ですべてのクラス名「blank」を持つ要素のクリックイベントを定義する汎用性を持たせてください。

リンク先のWebサイトを表示するウィンドウは、常に新しいウィンドウを開くのではなく、1つのウィンドウで纏まるようにしてください。