Tres en raya con Javascript

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Curso de Javascript Online. Desde cero.

11.  
14.  
19.  
25.  
26.  
35.  

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.
Tres en raya con Javascript 1

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 el centro está libre. Si lo está, la máquina mueve al centro.
  4. Comprueba si hay alguna esquina libre. Si lo está, la máquina mueve a la esquina.
  5. Mueve a cualquiera de las casillas restantes.
← Hacer un filtro con Javascript
Ejercicio Juego del ahorcado en Javascript →