js/element.js

@@ -4,14 +4,16 @@ class Element{
         this.techno = techno
     }
 
-    async chargerDepuisBdd(){
-        let data = await fetch("../bdd/arbre.json")
-        data = await data.json()
-
+    chargerDepuisBdd(){
+        fetch("../bdd/arbre.json").then((data)=>{
+            data.json().then((data)=>{
                 this.props = data["technologies"][this.techno]["elements"][this.tag]
                 this.cout = this.props.cout
                 this.nom = this.props.nom
                 this.boost = this.props.boost
+            })
+
+        })
     }
 
     afficherDropsDansHtml(){

js/intro.js

@@ -32,7 +32,4 @@ function scoreCount(){
     const score_aff = document.getElementById("score_affichage")
     score += 1
     score_aff.innerText="SCORE  : " + score
-
-    // check refresh la table magasin pour afficher une amélioration si un palier est atteint
-    remplirMagasin()
 }

js/main.js

@@ -1,28 +1,16 @@
-
-// stoque les ameliorations deja disponibles dans le magasin pour ne pas le faire clignoter
-let magasin = {}
-
-// stoquer les ameliorations deja achetees pour ne pas les afficher dans le magasin
-let sacado = {}
-
-async function remplirMagasin(){
+function remplirMagasin(){
 
 
     const table= document.getElementById("table_magasin_body")
     
-    let data = await fetch("../bdd/arbre.json")
-    data = await data.json() 
 
+    fetch("../bdd/arbre.json").then((data)=>{
+        data.json().then((data)=>{
+            console.log(data)
             let tech = data["technologies"]
 
-    for(const key in tech){
-        console.log(sacado)
-        console.log(magasin)
-        // ne va pas s'embeter à proecess si on a deja acheté l'amelioration
-        if(!sacado[key] && !magasin[key]){
+            Object.keys(tech).forEach(key => {
                 el = tech[key]
-            
-            
                 const tr = document.createElement("tr")
                 const nom = document.createElement("td")
                 nom.innerText = el.nom
@@ -33,41 +21,15 @@ async function remplirMagasin(){
             
                 const test  = document.createElement("td")
                 const btn_acheter = document.createElement("button")
-            
-            // stoquage temporaire de la clé JSON correspondant à la technologie à débloquer
-            // pour éviter de référencer key, qui va sauter sur sa valeur finale
                 let tmp = key
-    
-    
-            let t = new Technologie(tmp)
-            // charge les propriétés de la technologie depuis la bdd sans mettre à jour le style directement après
-            await t.chargerDepuisBdd(false)
-    
-            /* fonction qui va s'activer lorsqu'on achète l'objet*/
                 btn_acheter.addEventListener("click", (event) =>{
-                // on améliore le style de la page :)
-                t.appliquerAmeliorationStyle()
-    
-                // et on ajouter l'amélioration dans l'abre des compétences débloquées
-                sacado[key] = true
-
-                // on refresh le magasin pour enlever l'amelioration de la liste
-                // vide le ventre du magasin
-                table.innerHTML = ""
-                magasin = {}
-                remplirMagasin()
-                
+                    console.log("clé : ",tmp)
+                    let t = new Technologie(tmp)
+                    t.chargerDepuisBdd(true)
                 })
 
                 btn_acheter.innerText = "Acheter"
 
-            // n'afficher l'amélioration que si le score est assez élevé
-            if(t.props.borne <= score){
-
-                // met à jour le contenu du magasin
-                // pour ne pas re-afficher cette ligne et éviter un clignotement
-                magasin[key] = true
-
                 test.appendChild(btn_acheter)
 
 
@@ -77,10 +39,12 @@ async function remplirMagasin(){
                 tr.appendChild(test)
                 
                 table.appendChild(tr)
-            }
-        }
+
+            });
+        })
+
+    })
+
 
 
 }
-
-}

js/technologie.js

@@ -3,16 +3,21 @@ class Technologie{
         this.nom = nom
     }
 
-    async chargerDepuisBdd(style) {
-        let data = await fetch("../bdd/arbre.json")
-        data = await data.json()
-        console.log("clé dans technologie :", this.nom);
-        this.props = data["technologies"][this.nom];
-        this.cout = this.props.cout;
-        this.boost = this.props.boost;
+    chargerDepuisBdd( style){
+        fetch("../bdd/arbre.json").then((data)=>{
+            data.json().then((data)=>{
+                console.log("clé dans technologie :",this.nom)
+                this.props = data["technologies"][this.nom]
+                this.cout = this.props.cout
+                this.boost = this.props.boost
                 if(style){
-            this.appliquerAmeliorationStyle();
+                    this.appliquerAmeliorationStyle()
                 }
+            })
+
+
+
+        })
     }
 
     appliquerAmeliorationStyle(){