ifhito / MyReactTutorial

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Reactチュートリアルで作成する丸ばつゲーム

Reactのチュートリアルページの丸ばつゲームのコード、ほぼそのまま。

以下の処理(チュートリアルの最後に言及がある)を追加したいと考えているのでGit上に上げておく。

  • 履歴内のそれぞれの着手の位置を (col, row) というフォーマットで表示する。
  • 着手履歴のリスト中で現在選択されているアイテムをボールドにする。
  • Board でマス目を並べる部分を、ハードコーディングではなく 2 つのループを使用するように書き換える。(完了)
  • 着手履歴のリストを昇順・降順いずれでも並べかえられるよう、トグルボタンを追加する。
  • どちらかが勝利した際に、勝利につながった 3 つのマス目をハイライトする。
  • どちらも勝利しなかった場合、結果が引き分けになったというメッセージを表示する(完了)。

About


Languages

Language:JavaScript 63.2%Language:HTML 26.5%Language:CSS 10.0%Language:Shell 0.4%