michi.js

/* task: Replace dom elements to classes! */
/**
 * A simple Michi to play with two persons.
 * 
 * @author Eduardo Telaya Escobedo.
 * twitter account: @edutrul
 * gmail account: luis.eduardo.telaya@gmail.com
 */

/**
 * Execute when document is ready.
 */
$(document).ready(function() {
  $('td').click(function() {
    if ($(this).find('h1').length == 0) {
      if ($('#players span').attr('id') == 'turn-a') {
        $(this).append('<h1 style="color: blue">X</h1>');
        verifyWinner();
        $('#players span').attr('id', 'turn-b');
        $('#players span').html('Es el turno del jugador B');
      }
      else {
        $(this).append('<h1 style="color: red">O</h1>');
        verifyWinner();
        $('#players span').attr('id', 'turn-a');
        $('#players span').html('Es el turno del jugador A');
      }
    }
  });
  
  /**
   * Verify winner.
   */
  function verifyWinner() {
    str_winner = null;
    if (winRowCell() == 'A' || winDiagonal() == 'A') {
      str_winner = 'El ganador es el jugador [A]';
    }
    else if (winRowCell() == 'B' || winDiagonal() == 'B') {
      str_winner = 'El ganador es el jugador [B]';
    }
    // tie
    else if ($('td h1').length == 9) {
      str_winner = 'Empate!';
    }
    
    // Show winner message and reload page.
    if (str_winner) {
      $('#players span').html(str_winner);
      alert(str_winner);
      document.location.reload();
    }
  }
  
  /**
   * Check if sb wins using row or cell.
   */
  function winRowCell() {
    player_a = 0;
    player_b = 0;
    isRow = true;
    for (i = 0; i < 3; i++) {
      for (j = 0; j < 3; j++) {
        if ($('#row-' + (isRow ? i : j) + ' .cel-' + (isRow ? j : i)).text() == 'X') {
          player_a++;
        }
        else if ($('#row-' + (isRow ? i : j) + ' .cel-' + (isRow ? j : i)).text() == 'O'){
          player_b++;
        }
      }
      if (player_a == 3) {
        return 'A';
      }
      else if (player_b == 3) {
        return 'B';
      }
      player_a = 0;
      player_b = 0;
      
      if (i == 2 && isRow) {
        isRow = false;
        i = 0;
      }
    }
  }
  
  /**
   * Check if sb win using diagonal left or right.
   * 
   * @return string
   *   A if player a wins, else B if player b wins.
   */
  function winDiagonal() {
    var player_str_a = 'X';
    var player_str_b = 'O';
    var player_str_turn = player_str_a;
    for (i = 0; i < 2; i++) {
      if ($('#row-0 .cel-0').text() == player_str_turn && 
          $('#row-1 .cel-1').text() == player_str_turn &&
          $('#row-2 .cel-2').text() == player_str_turn ) {
        return player_str_turn == player_str_a ? 'A' : 'B';
      }
      else if (
        $('#row-0 .cel-2').text() == player_str_turn && 
        $('#row-1 .cel-1').text() == player_str_turn &&
        $('#row-2 .cel-0').text() == player_str_turn
        ) {
        return player_str_turn == player_str_a ? 'A' : 'B';
      }
      var player_str_turn = player_str_b;
    }
  }
});