Skip to content

Latest commit

 

History

History
57 lines (43 loc) · 2.75 KB

readme.md

File metadata and controls

57 lines (43 loc) · 2.75 KB

間違い探し

  • STARTボタンを押すことで100個divタグにランダムで問題を出す
  • 間違いのときは間違いの音、正解のときは正解の音を出す(うるさいからミュート機能あり)
  • 正解だと次の問題へ
  • 3問終わったらresult画面を出し、タイムとランクをわける
  • ローカルストレージにタイムを保存し、過去のタイムを右上にリスト表示する
  • 削除ボタンでローカルストレージ内のデータとリストを削除する
  • もう一度あそぶボタンで最初の画面に戻る
  • 繰り返し

工夫した点、こだわった点

  • random()とif関数を使えるゲームを作りたかった

できなかったこと

  • 問題を表示するときにif関数で作りたかったが、要素の順番を数字として取得できなくて出来なかった(今は全て同じ文字を表示して、間違いをランダムの場所1箇所に上書きして表示している)
  • 動的に付与されたクラスにon click処理をしようとしたら、反応がなかった。 クリックしたときに反応がない or 関数がおかしい → 検証 クリックが出来ていないことがわかった。調べると、付与したクラスにイベント処理をしたい場合は別の書き方でコードを書く必要があることがわかった。

参考にしたサイト