JavaScript で検索した結果 - プログラミングならドットインストール

画像とSTOPボタンのスタイルを調整していきます。

Panelクラスを定義して、コンストラクタの中で要素を生成するコードを書いていきます。

Panelクラスを完成させたあと、実際にインスタンスを作って画面に要素を追加します。

Panelクラスの中でspinメソッドを定義して、画像を切り替えられるようにします。

SPINボタンとSTOPボタンが見本のように動作するよう、clickイベントを設定していきます。

STOPを押されたパネルの画像が他の画像と一致しているかどうか判定するための関数を定義していきます。

結果によってunmatchedクラスを付け外しすることで、画像の見た目が変わるように設定します。

inactiveクラスを付け外しすることで、SPINボタンとSTOPボタンが想定どおりに動作するようにします。

activateメソッドを導入して、ゲームが終わるごとに設定をリセットして繰り返し遊べるようにします。

完成版を確認したのち、必要なファイルを作っていきます。

ドットインストール - 3分動画でマスターできるプログラミング学習サービス