Tu es sur la bonne voie. Il y a encore des amalgames, mais globalement c'est ça. Lorsque tu cliques sur un des boutons, n'importe lequel, ça doit effectuer un appel à une fonction. Cette fonction va vérifier comme tu l'as fort justement déduit quels champs contiennent déjà une valeur pour définir dans lequel inscrire la valeur. Cette fonction ne se limitera pas à faire l'insertion : une fois l'insertion effectuée, il va falloir vérifier si tous les champs ont une valeur : dans ce cas, et dans ce cas seulement, il faudra activer le bouton d'envoi.
Ça, c'est pour la méthode. Maintenant, reste à coder ça. Il faut commencer par concevoir ta fonction. On verra après pour les boutons et l'appel de fonction.
Ta fonction doit inscrire une valeur : d'où vient cette valeur ? Du bouton cliqué. En d'autres termes, c'est un paramètre reçu par la fonction qui définit la valeur.
Ensuite ta fonction doit comporter la liste des champs à remplir sous la forme d'un tableau contenant la liste des identifiants de ces champs. Enfin, il faudra encore que l'identifiant du bouton d'envoi existe aussi dans cette fonction, puisque une fois tous les champs alimentés, il faudra pouvoir identifier le bouton.
Comment va s'organiser ta fonction ?
-1- Récupérer la valeur envoyée;
-2- Boucler sur la liste des champs jusqu'à trouver le premier vide;
-3- insérer la valeur dans ce champ vide;
-4- s'il s'agit du dernier champ, activer le bouton;
-5- sortir de la boucle (même s'il ne s'agit pas du dernier champ vide : en effet, si tu alimentes un champ, il ne sert à rien de continuer à boucler sur les suivants.
Voilà : tu as le schéma, essaye de traduire ça en JavaScript et on corrigera éventuellement.
Il restera un problème à résoudre parce que jusque là, il y a un point non prévu dans ce système : un nombre une fois cliqué et ajouté ne doit plus pouvoir être cliqué à nouveau... je te laisse y réfléchir
