Discussion :

[zlepoizon]

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.

[mathieu]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[zlepoizon]

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.

[mathieu]

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.

[zlepoizon]

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.

[tag9724]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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/