Le morpion sur lequel on a travaillé au TP-2 était très basique. On voudrait le compléter.
Vous pouvez changer le HTML, CSS et JS.

I'l s'agit de :

  1. Déterminer si un joueur a gagné
  2. Distinguer plusieurs phase du jeu


1. Déterminer si un joueur a gagné

Conseil : écrivez une fonction case_td(x,y) qui renvoie une liste jQuery contenant uniquement le 'td' de la case située à la position x,y

Cette fonction peut être utile pour déterminer si un joueur a gagné.

2. Distinguer plusieurs phase du jeu 

On voudrait  distinguer

  • phase "debut" : afficher un message invitant les joueurs à commencer
  • phase "jeu" : les joueurs peuvent cliquer
  • phase "fin" : soit un des joueurs à gagné, soit il y a un match nul. Afficher un message et inviter à cliquer sur un bouton pour recommencer. Ignorer les clicks dans le jeu pendant cette phase.






La prochaine page contient une correction.
Pour bien apprendre, c'est très important de faire les exercices au complet avant de regarder la correction. Si quelque-chose ne vous paraît pas clair, demandez à votre enseignant.