Discussion :

[loxort]

Bonjour,

Dans le cadre du développement d'un jeu, je souhaite ajouter et supprimer des événement en fonction de l'état du jeu. Le jeu se présente sous la forme d'un tableau de 5 lignes et de 5 colonnes. Voici l'idée pour un tour de jeu :

• Je boucle chaque cellule du tableau pour savoir si une action est possible. Si une action est possible, alors je stocke sa valeur dans une liste.
• Ensuite, je lis la liste et j'ajoute les événements correspondants.
• Dès que l'utilisateur déclenche un événement (joue un coup), je supprime tous les événements précédemment créés.

Et ainsi de suite jusqu'à la fin du jeu.

---

Pour que ce soit plus clair, j'ai fait un problème plus simple. J'ai créé un tableau de 9 cases contenant un carré. Dès que l'utilisateur clique sur un carré, il doit afficher ses coordonnées et supprimer tous les autres événements. Pour le moment, j'arrive à supprimer l'événement qui a été délenché mais pas le reste...
https://jsfiddle.net/yrbw933r/

[mathieu]

c'était le 2e argument de removeEventListener qui n'était pas défini. utilise la console de développement pour voir les erreurs JavaScript

voilà une modification qui fonctionne :
https://jsfiddle.net/yrbw933r/6/
comme tu le verras, les coordonnées "i" et "j" ne sont pas disponibles dans la fonction "test" donc j'ai modifié l'affichage mais il y a peut-être d'autres solutions pour faire passer les coordonnées

[Nothus]

A ce propos, je squatte (avec une grande honte) cette conversation : il y a addEventListener et son homologue que tu cites Mathieu. Cependant comment fait-on pour lister les événements ajoutés sur objet du DOM ??

[loxort]

Merci, ça marche parfaitement !

J'ai donc avancé sur le jeu et il reste une ultime difficulté.

Je dispose de plusieurs pièces empilées et j'associe un événement dragstart à chaque pièce. Une fois qu'un événement est déclenché, je dois vérifier si des pièces existent au-dessus, et, si oui, alors il faut ajouter ces pièces au dragstart afin qu'elles soient déplacées en même temps.

Voici un début de code : https://jsfiddle.net/b57pn0jo/3/ (ouvrir la console). Pour le moment, chaque pièce possède un événement dragstart et, une fois déclenché (cliquer et déplacer une pièce), il liste les pièces situées au-dessus. J'aimerais ajouter ces pièces à l'événement dragstart (mouseevent ?) pour qu'elles soient déplacées en même temps.

[mathieu]

pour chaque nouveau problème, il vaut mieux créer une nouvelle discussion
donc clique sur "résolu" pour cette question et met ta question dans une nouvelle discussion