Bonjour !

je me suis lancé dans un projet assez complexe
j'aimerai faire un tableau dans lequel il y aurait une classe et des sous fonctions.
celles ci seraient demandé dans des labels.

j'ai ainsi crée 3 label :
  • le premier dans lequel je mets des classes
  • le deuxième dans lequel je mets des sous parties
  • le troisième dans lequel je suis censé indiquer la classe d'une sous partie (les deux devant figurer dans les labels du dessus).

lorsque la sous partie est identifiée elle est rangé dans un tableau qui correspondra à la dites classe.

j'ai donc un problème:
comment reconnaitre deux input et classer ceux ci en fonctions des inputs précédent, et comment créer un tableau pour la classe correspondante

voici un exemple type:
  • classe : fruits, légumes
  • sous parties: bananes, haricots, fraise

reconnaitre: bananes, fruits ; haricots, légumes ; fraise, fruits

rendu:

  • Fruits:
    bananes, fraise
  • Légumes:
    haricots



voici donc mon code pour le moment. j'espère que c'est une bonne approche du rendu final puisque j'y ai travaillé très longtemps (pour peu d'ajout et pour essayer de comprendre certaines choses, parfois en vain) je me rends bien compte en tant que débutant que mon projet semble être ambitieux et difficile et donc mon code pourrait devoir vous insatisfaire et j'en suis désolé.
https://jsfiddle.net/floflo777/ceg5vw2d/167/

Merci de votre aide !
Bien cordialement un apprenti reconnaissant.