Technological Bench: Difference between revisions

← Older edit Newer edit →

Revision as of 20:39, 25 April 2026

Return to Front Page

Survival

Production

Combat

Build

@@ Line 101: / Line 101: @@
 </div>
 <!-- ================= PRODUCTION ================= -->
-<div id="slot2" class="mw-tab-content"></div>
+<div id="slot2" class="mw-tab-content">
+<div class="dropdown">
+<select id="productionSelect">
+  <option value="">Select Item</option>
+  <option value="primarysuppliesworkbench">Primary Supplies Workbench</option>
+</select>
+</div>
+<div id="productionOutput" class="output" style="display:none;"></div>
+</div>
 <!-- ================= COMBAT ================= -->
 <div id="slot3" class="mw-tab-content"></div>
@@ Line 226: / Line 234: @@
    }
 };
-/* DROPDOWN LOGIC */
+/* PRODUCTION DATA */
-document.getElementById("survivalSelect").onchange = function () {
+const productionData = {
-   const val = this.value;
+   primarysuppliesworkbench: {
-  const output = document.getElementById("survivalOutput");
+    title: "Primary Supplies Workbench",
-  if (!val) {
+    lines: [
-    output.style.display = "none";
+      "<b>Tech Level 1:</b> 25 Wood + 17 Copper Ore",
-     return;
+      "<b>Tech Level 12:</b> 25 Wood + 17 Copper Ore"
+     ]
    }
-  const item = survivalData[val];
-  output.innerHTML =
-    `<div class="output-title">${item.title}</div>` +
-    item.lines.map(line => `<div class="output-line">${line}</div>`).join("");
-  output.style.display = "block";
 };
+/* DROPDOWN LOGIC */
+function bindDropdown(selectId, outputId, data) {
+  document.getElementById(selectId).onchange = function () {
+    const val = this.value;
+    const output = document.getElementById(outputId);
+    if (!val) {
+      output.style.display = "none";
+      return;
+    }
+    const item = data[val];
+    output.innerHTML =
+      `<div class="output-title">${item.title}</div>` +
+      item.lines.map(line => `<div class="output-line">${line}</div>`).join("");
+    output.style.display = "block";
+  };
+}
+bindDropdown("survivalSelect", "survivalOutput", survivalData);
+bindDropdown("productionSelect", "productionOutput", productionData);
 </script>
 </html>