Conception groupes listes aléatoires sauvegarde

Bonjour,

Peut-on m'aider s'il vous plait pour concevoir le programme en javascript avec des listes de mots

le groupe A contient 10 objets par exemple (jaune, bleu, ...)
le groupe B contient 10 objets par exemple (chaud, froid, ...)

//les objets sont dans des fichiers textes externes (pas dans le programme en lui meme) si necessaire//

Le groupe A est représenté par un titre, exemple «Groupe A».
Lorsque je clique sur le titre du groupe A, un élément aléatoire apparaît parmi les éléments du groupe A. par exemple 'jaune'
Sur l'écran, j'ai ceci:

"Groupe A" "element du groupe A"

apparaît alors le groupe B représenté par son titre 'Groupe B'
lorsque je clique sur le titre du groupe B, un élément aléatoire apparaît parmi les éléments du groupe B. par exemple «froid»
Sur l'écran, j'ai ceci:

"Groupe A" "élément du groupe A"
"Groupe B" "élément du groupe B"

Enfin je peux imprimer le résultat
Ou enregistrer en tant que fichier texte

conception collective possible pour comparer les différents raisonnement et différents langages