Menu déroulant et evenement

Bonjour à vous,
j'apprends le javascript en ce moment et j'ai quelques difficultés à comprendre ce qui ne va pas entre mon menu déroulant et mon drag&drop.
Pour plus de clarté voici mon codepen: https://codepen.io/River974/pen/ROLoWy
J'ai deux cases, une que l'on peut déplacer, une qui sert de zone de dépot à la première. J'ai un menu déroulant qui modifie ces cases. Mon index s'incrémente lorsque je lache la premiere case sur la

Lorsqu'au début je fais glisser ma case de gauche sur celle de droite mon index s'incrémente bien de 1 en 1 (dans la console)
Par contre lorsque je sélectionne un menu dans ma liste déroulante à gauche l'index s'incrémente de X en X, X étant le nombre de fois où j'ai cliqué sur un lien de mon menu, et ce même si je le réinitialise.

J'ai comme l'impression que lors d'un événement mon programme se dédouble. J'ai tenté de stopper la propagation (si c'est de cela qu'il s'agit) sur mon onclick mais sans succès :(

Salut,

J'ai des problèmes avec ton code pen, j'ai des erreurs 404 sur des fichiers JS (html5.js, appariement.js)

Sinon je n'ai pas pu constater ton souci.

Mais si j'ai bien compris et vu ce que tu décris, je pense que ton analyse est presque bonne.

Les valeurs se multiplient car tu fais ajoute des évenements sur tes objets addEventListener mais au drop tu ne les supprimes pas avec un removeEventListener et donc les actions s'additionnent au fur et a mesure des déplacements.