Gérer les événements dynamiquement

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/

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

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 ?? :calim2:

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.

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