Passage de valeurs entre Objets et importer Valeurs dans function

Mon code pen
https://codepen.io/zlepoizon/pen/ZEeyPGQ

Bonjour à la team,
Apprenant JS je rame sur un export de valeur entre une fonction et deux objets.J'ai créé pour illustrer ce script.
(Peut paraître idiot dans l'exemple). Donc exercice passer de l'objet Un à l'objet Deux et importer la valeur de l'objet Deux.

L'objectif de l'exercice, mélanger trois lettres abc, et me retourner l'index de a. (Exemple (b,c,a) l'index de "a" sera 2)
Le But est de passer les paramètres de la MaClassUn à la MaClassDeux et importer la valeur (index ex: 2) dans ma fonction getId()

(1) MaClassUn : mélange trois lettres abc et propose index (indice). Fonctionnel
(2) MaClassDeux : (ici afficher l'index de MaClassUn)
(3) Fonction qui viendrait importer la valeur de MaClassDeux

Mon soucis c'est quand je fais let maVariable = new ... il me crée une autre instance.
(j'ai juste besoin d'importer la valeur déja crée de l'objet MaClassUn), soit je n'ai pas de valeurs importée dans ma fonction.

Ma question comment faites vous pour passer d'un objet à l'autre et comment exportez vous ces valeurs dans une fonction sans recréer de nouvelles instances ?
Merci à ceux qui voudront bien me répondre.

je n'ai pas très bien compris ce que vous cherchez à faire dans votre code puisque vous instanciez chaque classe dans l'autre.

en résumé, pour accéder directement aux attributs d'un objet, ça se passe comme cela :

Code:

---

1 2 3

let variable1 = new MaClassUn(......);   alert("Index de a : " + variable1.indice)

---

Merci Mathieu,
Oui c'est comme ça que j'instancie mais l'objectif et ma question c'est du comment on peut passer entre objet la valeur de l'objet un à l'objet 2 et surtout et comment l'appeler dans la fonction getIt(). Car si j'instancie dans ma fonction je n'ai plus la valeur de maClassUn mais une autre valeur crée par mon instance.

Dans mon penCode quand tu cliques sur un bouton tu as deux alert j'aimerais avoir l'index de ma ClassUn. (je sais que c'est pas évident à comprendre)

Ce code sert à faire une quiz.
On clique sur un bouton pour démarrer le quiz, on a une question qui s'affichera avec 3 choix abc, avec réponse mélangée.
j'ai besoin de l'index de la bonne réponse pour afficher bonne réponse quand je clique sur un des trois boutons. Donc j'aurais besoin de connaitre index de mon a dans cette fonction.

je n'ai pas compris où vous voulez en venir.
montrez nous un code plus simple avec le vrais noms de classes et des méthodes.

Bonjour Mathieu,
Par exemple dans cette exemple.
Je désire reprendre la valeur de monTableau dans ma fonction.
Créer une instance dans cette fonction ne me permet pas d'importer la variable x ou c'est indifined si j'appelle en instance objet deux.
Pièce jointe 599656

Le code en question est un système de quizz si j'ai bien compris avec ce qui as été expliqué ici ainsi que dans l'autre question que tu as posé juste avant, ce que je n'ais pas compris c'est ce que tu cherche à faire ici précisément et ce qu'est censé accomplir le dernier code envoyé.

Je ne comprend par exemple pas pourquoi il y'a plusieurs classe ni ce qu'elles font exactement chacune, je crois comprendre que deux est utilisée comme un objet pour stocker les réponses possible d'une question ?

De ce que j'ai compris tu cherche a accéder a la variable x et a sa méthode x.fct() au click d'un des boutons.
Une solution serais donc que la fonction getId() déclenchée au click d'un bouton soit dans le même scope que x ( donc dans le scope de afficheLaQuestion() )

Exemple :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

afficheLaQuestion() { const buttons = document.getElementsByClassName("buttonQ") let x = new deux(this.currentItemIndex, this.indice)   const getId = (button) => { const idButton = button.getAttribute("id") console.log(idButton) // affiche id Div cliqué console.log(x.fct()) // fonctionneras, "x" étant accessible dans ce scope }   for (const button of buttons) { button.onclick = () => getId(button) } }

---

Je n'ais absolument aucune idée de si cela pourras t'aider mais dans le doute je t'ai fait un exemple de système de Quizz ici https://jsfiddle.net/t0s15erh/

Oui c'est évidemment un problème de scope. Les class font des choses différentes et l'objectif est de les séparer en 2 objets. Récupérer le x je n'y suis jamais arrivé. D'ou ma question ou une manière que je ne connais pas.
La seule solution que j'ai trouvé c'est de mettre mon résultat recherché dans un champs invisible et de la récupérer.

https://codepen.io/zlepoizon/pen/JjWmBNb

D'accord je vois beaucoup mieux ce que tu cherchais a faire en regardant ton code, merci de l'avoir envoyé.
La solution que tu as utilisée avec l'input caché revient en fait a utiliser une variable globale.

Dans ton cas je pense que simplement passer ta variable "bonneReponse" comme argument de la fonction getId serais une bonne idée.

En gros il faudrait remplacer dans ta méthode afficherLaQuestion()

Code:

---

1 2 3

document.getElementsByClassName("buttonQ")[0].addEventListener("click", getId) document.getElementsByClassName("buttonQ")[1].addEventListener("click", getId) document.getElementsByClassName("buttonQ")[2].addEventListener("click", getId)

---

Par

Code:

---

1 2 3 4 5 6 7

const bonneReponse = this.bonneReponseId() const buttons = document.getElementsByClassName("buttonQ")   for (const button of buttons) { const id = button.getAttribute("id") button.onclick = () => getId(id, bonneReponse) }

---

Et faire les changements nécessaires dans getId

Code:

---

1 2 3 4 5

function getId(idButton, bonneReponse) { let conversion = -1   switch (idButton) { // [ ... ]

---

Ainsi que dans la méthode bonneReponseId

Code:

---

1 2 3 4 5 6

bonneReponseId() { const indice = this.tableauId.findIndex((monIndex) => monIndex == "a") this.indice = indice   return [this.indice, this.mesD[this.currentItemIndex]] }

---

Je t'ais mis l'exemple complet ici https://jsfiddle.net/32pgs5at/

Un grand merci pout ton explication et d'avoir pris ton temps pour m'aider, coder !
Parfois on patauge ;) ! Merci