Tres en raya con Javascript

Contactar con el profesor

Ejercicio – Dos jugadores

Hacer el juego del tres en raya para dos jugadores.

  1. Hacemos el código HTML del ejercicio.
  2. Cuando pulso en un botón, este cambia su color.
  3. Cuando pulso en un botón y el contador de tiradas es par, pinto el botón de verde, si no, lo pinto de rojo.
  4. Tendremos un array de 9 posiciones (cada una de las posiciones del tablero), y cada vez que el jugador pulsa sobre una celda, rellenamos ese array con un valor (puede ser 0 para el jugador A, y 1 para el jugador B).
  5. Cada vez que un jugador mueve, evaluamos si ha ganado.

Un solo jugador

El método juegaPlayer1() quedará así:

function juegaPlayer1(){
	board[getComputerMove()] = "X";
}

Por tanto, debemos crear un método getComputerMove() que creará una copia del tablero, moverá la ficha sobre esta copia y en función del resultado decidirá dónde mover en el tablero real. Para realizar el movimiento:

  1. Comprobamos si la máquina puede hacer un movimiento y ganar la partida. (utilizaremos el método evaluateWin, creado en el ejercicio anterior).
  2. Comprobamos si tras mover, el humano puede hacer un movimiento y ganar la partida.
  3. Comprueba si hay alguna esquina libre. Si lo está, la máquina mueve a la esquina.
  4. Comprueba si el centro está libre. Si lo está, la máquina mueve al centro.
  5. Mueve a cualquiera de las casillas restantes.
← Arrays de objetos en Javascript
Ejercicio Juego del ahorcado en Javascript →

Aviso Legal | Política de privacidad