三目並べ – 3.勝敗がつくようにしよう

$(function() {
  // 定数定義
  const FIRST = 0
  const MARU  = "〇"
  const BATSU = "×"

  let now_attack = FIRST  // 0: 先攻、1: 後攻
  let got_match = false   // 勝敗がついたか

  $("td").click(function() {
    // 勝敗がついたあとに空のセルをタップした場合
    if (got_match) {
      alert("決着がつきました。画面をリロードしてください")
    } else {
      // セルに入力する記号
      let result_symbol = now_attack ? BATSU : MARU
      // セルに入力
      $(this).html(result_symbol)
      // 先攻後攻入れ替え
      now_attack = !now_attack

      // 勝敗判定
      if (check_complete()) {
        got_match = true
        alert(result_symbol + "の勝ち！")
      }
    }
  })
})

$(function() {
  // 定数定義
  ︙

  // そろうパターン
  const complete_patterns = [
    [0, 3, 6], // 1列目 (1)
    [1, 4, 7], // 2列目 (2)
    [2, 5, 8], // 3列目 (3)
    [0, 1, 2], // 1行目 (4)
    [3, 4, 5], // 2行目 (5)
    [6, 7, 8], // 3行目 (6)
    [0, 4, 8], // 斜め：左上から右下 (7)
    [2, 4, 6]  // 斜め：右上から左下 (8)
  ]

  ︙

  $("td").click(function() {
    ︙
  })

  /**
   * そろったか判定
   */
  function check_complete() {
    let results = $("td").get()
    let completed = false

    // そろう8パターンがあるかチェック
    for (let cnt = 0; cnt < complete_patterns.length; cnt++) {
      // 1つのパターンを抽出し、そのパターンのセル番号をさらに抽出
      let pattern = complete_patterns[cnt]
      // チェック対象の3つのセルを抽出
      let cell1 = $(results[pattern[0]]).html()
      let cell2 = $(results[pattern[1]]).html()
      let cell3 = $(results[pattern[2]]).html()
      // 3つのセルの内容が等しいか確認（undefined や "" で全て一致することを避けるため、cell1 だけ中身をチェック）
      completed = cell1 && cell1 == cell2 && cell2 == cell3 && cell3 == cell1
      // 1つでもそろった行・列がある場合はチェックを終了
      if (completed) break
    }
    return completed
  }
})