Merge branch 'main' of https://git.etud.insa-toulouse.fr/mougnibas/projet-clicodrome

index.html

@@ -9,5 +9,15 @@
     <p>Click</p>
     <script src="./js/intro.js" deref></script>
     <script src="./js/element.js"></script>
+
+    <table>
+        <thead>
+            <th>nom</th>
+            <th>boost</th>
+        </thead>
+        <tbody id="table_technologies_body">
+            
+        </tbody>
+    </table>
 </body>
 </html>

js/element.js

@@ -1,15 +1,34 @@
-class element{
+class Element{
     constructor(techno,tag) {
         this.tag = tag
         this.techno = techno
     }
 
     charger_depuis_bdd(){
-        fetch("../bdd/arbre.json").then((data,r)=>{
+        fetch("../bdd/arbre.json").then((data)=>{
-            let props = data["technologies"][this.techno][this.tag]
+            data.json().then((data)=>{
-            this.cout = props.cout
+                this.props = data["technologies"][this.techno]["elements"][this.tag]
-            this.boost = props.boost
+                this.cout = this.props.cout
+                this.nom = this.props.nom
+                this.boost = this.props.boost
+            })
+
         })
     }
 
+    afficher_props_dans_html(){
+        const table= document.getElementById("table_technologies_body")
+        
+        const tr = document.createElement("tr")
+        const nom = document.createElement("td")
+        nom.innerText = this.nom
+        const boost = document.createElement("td")
+        boost.innerText = this.boost
+
+        tr.appendChild(nom)
+        tr.appendChild(boost)
+        table.appendChild(tr)
+
+    }
+
 }

js/technologie.js

@@ -0,0 +1,18 @@
+class Technologie{
+    constructor(nom) {
+        this.nom = nom
+    }
+
+    charger_depuis_bdd(){
+        fetch("../bdd/arbre.json").then((data)=>{
+            data.json().then((data)=>{
+                console.log(data)
+                this.props = data[this.nom]
+                this.cout = this.props.cout
+                this.boost = this.props.boost
+            })
+
+        })
+    }
+
+}