case01 jsの書く場所
JavaScriptは script要素で記載するか、importで読み込むことが可能です
- Astroファイル内にscript is:inlineで書く
- importして読み込む
- publicにファイルを配置して読み込む
まずは、script要素でis:inlineで書き始めましょう
consoleでブラウザでの画面を確認
sample_j01 - javaScriptの記述場所と基本
Astroを使用して、ブラウザ内で実行するjavaScriptを記載するための基礎知識
case02 イベントリスナーの復習
addEventListenerを使ってクリックイベントを行う。 ブラウザのコンソール画面に hello と表示
case03 クラスの付与
クラス名の付け替えを行いましょう
Element.classList.[プロパティ名]classListのプロパティ
classListを使用してclass属性に対して変更を行い、動作と合わせて見た目を変更することが可能です
- add
- remove
- contain
- toggle
- replace