// じゃんけんの手を定義
class JankenHand {
  constructor(char) {
    this.char = char;
  }

  toString() {
    return this.char;
  }

  // じゃんけんの手の文字とプログラム中の数値とをリンク
  static fromInt(index) {
    switch(index) {
      case 0: // 0=グー
        return JankenHandEnum.Rock;
        break;
      case 1: // 1=チョキ
        return JankenHandEnum.Scissors;
        break;
      case 2: // 2=パー
        return JankenHandEnum.Paper;
        break;
      default:
        throw new Error("indexが不正です。" + index);
    }
  }

  // 勝ったかどうかの判定
  winTo(hisHand) {
    switch(this) {
      case JankenHandEnum.Rock:
        return hisHand === JankenHandEnum.Scissors;
        break;
      case JankenHandEnum.Scissors:
        return hisHand === JankenHandEnum.Paper;
        break;
      case JankenHandEnum.Paper:
        return hisHand === JankenHandEnum.Rock;
        break;
      default:
        throw new Error("hisHandが不正です。" + hisHand);
    }
  }

  // 負けたかどうかの判定
  loseTo(hisHand) {
    return this !== hisHand && !this.winTo(hisHand);
  }
}

const JankenHandEnum = {};
JankenHandEnum.Rock     = new JankenHand("✊");
JankenHandEnum.Scissors = new JankenHand("✌️");
JankenHandEnum.Paper    = new JankenHand("✋");
// -----------------------------------

// じゃんけん戦略-テンプレート
class JankenStrategy {
  toString() {
  }
  
  nextHand() {
    // なにもしない
  }

  prevHands() {
    // なにもしない
  }
}

// じゃんけん戦略-ランダムに手を出す
class RandomStrategy extends JankenStrategy {
  toString(){
    return "ランダム戦略";
  }
  
  nextHand() {
    // 3パターンなので[0−2]の範囲でランダムな値を返すようにする
    const index = Math.round(Math.random() * 2);
    return JankenHand.fromInt(index);
  }
}

// じゃんけん戦略-同じ手を出す
class FixedHandStrategy extends JankenStrategy {
  toString(){
    return "固定戦略";
  }

  constructor(hand) {
    super();
    this.hand = hand;
  }

  nextHand() {
    // いつも決まった手を返すようにする
    return this.hand;
  }
}

// じゃんけん戦略-前回の試合時の手を記憶
class ChottoKashikoiStrategy extends JankenStrategy {
  toString(){
    return "試合記憶戦略";
  }

  prevHands(myHand, hisHand) {
    this.myHand = myHand;
    this.hisHand = hisHand;
  }

  nextHand() {
    // 初回は前回の手がないためランダムとする
    if(!this.myHand || !this.hisHand) {
      return new RandomStrategy().nextHand();
    }

    if(this.myHand.winTo(this.hisHand)) {
      // 自分が勝った場合は、同じ手を使う
      return this.myHand;
    } else if(this.myHand.loseTo(this.hisHand)) {
      // あいてが勝った場合は、あいての手を使う
      return this.hisHand;
    } else {
      return new RandomStrategy().nextHand();
    }
  }
}

// -----------------------------------

// プレイヤーの雛形、デフォルトでランダム戦略をとる
class Player {
  constructor(name, strategy = new RandomStrategy(), win=0) {
    this.name = name;
    this.strategy = strategy;
  }

  getName() {
    return this.name;
  }
  getStrategy() {
    return this.strategy.toString();
  }
  getWin() {
    return this.win;
  }

  nextHand() {
    return this.strategy.nextHand();
  }

  prevHands(myHand, hisHand) {
    this.strategy.prevHands(myHand, hisHand);
  }
}

// -----------------------------------

const PlayerList = {};
PlayerList.p1 = new Player("Taro");
PlayerList.p2 = new Player("Hanako", new ChottoKashikoiStrategy());

let player1Win = 0;
let player2Win = 0;

for(p in PlayerList){
  $(".player-intro tbody").append("<tr><td>"+ PlayerList[p].getName() +"</td><td>"+ PlayerList[p].getStrategy() +"</td></tr>");
}

const jankenTimes = 10;
$(".janken-times-span").append(jankenTimes);
// 10回じゃんけんをする
for(let i = 1; i <= jankenTimes; i++) {
  $(".match-history").append('<div id="history'+i+'" class="history"></div');
  const hand1 = PlayerList.p1.nextHand();
  const hand2 = PlayerList.p2.nextHand();
  $("#history"+i).append('<div class="player1"><div class="player-name">'
                         + PlayerList.p1.getName()
                         +'</div><div class="player-hand">'
                         + hand1
                         +'</div></div><div class="player2"><div class="player-name">'
                         + PlayerList.p2.getName()
                         +'</div><div class="player-hand">'
                         + hand2
                         +'</div></div>');

  const result = hand1.winTo(hand2) ? "勝ち" :　hand1.loseTo(hand2) ? "負け" : "あいこ";
  
  if(hand1.winTo(hand2)) {
    player1Win++;
    $("#history"+i).append('<div class="result">'
                               + PlayerList.p1.getName()
                               +'の勝ち!</div>');
  }
  else if(hand1.loseTo(hand2)) {
    player2Win++;
    $("#history"+i).append('<div class="result">'
                               + PlayerList.p2.getName()
                               +'の勝ち!</div>');
  }else{
    $("#history"+i).append('<div class="result">'
                               +'あいこです!</div>');
  }

  // 前の手を覚えておく
  PlayerList.p1.prevHands(hand1, hand2);
  PlayerList.p2.prevHands(hand2, hand1);

  // ここで結果を出力する
}

const finalResult = player1Win > player2Win ? PlayerList.p1.getName() :
                    player1Win < player2Win ? PlayerList.p2.getName() :
"even";

// ここで最終結果を出力する
if(finalResult == "even"){
  $(".final-result").append("<p>引き分けです!</p>");
}else{
  $(".final-result").append("<p>"+ finalResult +"の勝ちです!</p>");
}