de Raymond : taquin jouable. Le taquin est une figure divisée en 16 morceaux de dimensions similaires (hauteur largeur).
Les 16 morceaux sont disposés sur une grille de 16 emplacements adjacents (4 colonnes, 4 rangées).
Le 16eme morceau
est invisible.
Si un des 15 morceaux visibles est voisin du morceau invisible, il devient cliquable. Au clic sur un morceau visible, il échange sa place avec le morceau invisible.
16 div contenues par une boite flex, à la boite flex nous attribuons un comportement wrap. La mise en tableau des pièces dépend de ce comportement.
Nous parsons toutes les pièces avec une boucle.
Nous profitons de cette boucle pour attribuer un ordre à chacune de ces pièces
Nous en profitons pour les rendre cliquables
Au click sur n'importe quelle pièce :
La pièce cliquée vérifie si elle est dans une bonne situation par rapport au trou pour prendre sa place
Si elle est bien placée la pièce cliquée échange sa place avec le trou (pièce invisible).