diff --git a/index.html b/index.html index 916d7b2..4917f46 100644 --- a/index.html +++ b/index.html @@ -142,8 +142,30 @@ - +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ diff --git a/styles.css b/styles.css index db8a358..d5487f6 100644 --- a/styles.css +++ b/styles.css @@ -22,3 +22,12 @@ .center { text-align: center; } + +.build{ + padding: 4%; + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 10px; + grid-auto-rows: minmax(60px, auto); + width: 100vw; +} \ No newline at end of file diff --git a/test.js b/test.js index 22b7ee3..e6544c8 100644 --- a/test.js +++ b/test.js @@ -1,3 +1,5 @@ + +let player_build; // Set up item lists for quick access later. let armorTypes = [ "helmet", "chestplate", "leggings", "boots" ]; let accessoryTypes = [ "ring", "bracelet", "necklace" ]; @@ -138,7 +140,7 @@ function calculateBuild(){ if(weapon===""){ weapon = "No Weapon"; } - let player_build = new Build( + player_build = new Build( 106, itemMap.get(helmet), itemMap.get(chestplate), @@ -151,6 +153,15 @@ function calculateBuild(){ itemMap.get(weapon), ); console.log(player_build.toString()); + document.getElementById("build-helmet").innerHTML = player_build.helmet.name; + document.getElementById("build-chestplate").innerHTML = player_build.chestplate.name; + document.getElementById("build-leggings").innerHTML = player_build.helmet.name; + document.getElementById("build-boots").innerHTML = player_build.helmet.name; + document.getElementById("build-ring1").innerHTML = player_build.ring1.name; + document.getElementById("build-ring2").innerHTML = player_build.ring2.name; + document.getElementById("build-bracelet").innerHTML = player_build.bracelet.name; + document.getElementById("build-necklace").innerHTML = player_build.necklace.name; + document.getElementById("build-weapon").innerHTML = player_build.weapon.name; } function resetFields(){