Jump to content

Technological Bench: Difference between revisions

From Once Human Guide
← Older edit
Bones (talk | contribs)
Bureaucrats, Interface administrators, Administrators
1,328 edits
No edit summary
No edit summary
 
(15 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
<html>
<a href="https://ohwikiguide.com">Return to Front Page</a>
<a href="https://ohwikiguide.com">Return to Front Page</a>
<br><br>
<br><br>
<div style="max-width:420px; margin:0 auto;">
<div style="max-width:420px; margin:0 auto;">
<style>
<style>
/* ===== TABS ===== */
/* ===== TABS ===== */
Line 16: Line 13:
   gap: 4px;
   gap: 4px;
}
}
.mw-tab-btn {
.mw-tab-btn {
   flex: 1;
   flex: 1;
Line 27: Line 23:
   cursor: pointer;
   cursor: pointer;
}
}
.mw-tab-btn.active {
.mw-tab-btn.active {
   background: linear-gradient(180deg, #1ec8ff, #0ea5e9);
   background: linear-gradient(180deg, #1ec8ff, #0ea5e9);
   color: #001018;
   color: #001018;
}
}
/* ===== DROPDOWN UI ===== */
/* ===== DROPDOWN UI ===== */
.dropdown {
.dropdown {
Line 38: Line 32:
   margin-top: 10px;
   margin-top: 10px;
}
}
.dropdown select {
.dropdown select {
   width: 100%;
   width: 100%;
Line 48: Line 41:
   font-size: 14px;
   font-size: 14px;
}
}
/* ===== OUTPUT PANEL ===== */
/* ===== OUTPUT PANEL ===== */
.output {
.output {
Line 57: Line 49:
   padding: 12px;
   padding: 12px;
}
}
.output-title {
.output-title {
   font-weight: 700;
   font-weight: 700;
   margin-bottom: 8px;
   margin-bottom: 8px;
   color: #e6edf3;
   color: #e6edf3;
  text-align: center;
}
}
.output-line {
.output-line {
   font-size: 13px;
   font-size: 13px;
Line 70: Line 61:
   border-top: 1px solid #1a222b;
   border-top: 1px solid #1a222b;
}
}
.output-line:first-of-type {
.output-line:first-of-type {
   border-top: none;
   border-top: none;
}
}
.mw-tab-content {
.mw-tab-content {
   display: none;
   display: none;
}
}
.mw-tab-content.active {
.mw-tab-content.active {
   display: block;
   display: block;
}
}
</style>
</style>
<!-- TABS -->
<!-- TABS -->
<div class="mw-tab-buttons">
<div class="mw-tab-buttons">
Line 91: Line 78:
   <div class="mw-tab-btn" data-tab="slot4">Build</div>
   <div class="mw-tab-btn" data-tab="slot4">Build</div>
</div>
</div>
<!-- ================= SURVIVAL ================= -->
<!-- ================= SURVIVAL ================= -->
<div id="slot1" class="mw-tab-content active">
<div id="slot1" class="mw-tab-content active">
<div class="dropdown">
<div class="dropdown">
<select id="survivalSelect">
<select id="survivalSelect">
   <option value="">Select Item</option>
   <option value="">Select Item</option>
  <option value="stove">Primary Stove</option>
  <option value="meat">Meat Drier</option>
  <option value="treatment">Treatment</option>
   <option value="adrenaline">Adrenaline Shots</option>
   <option value="adrenaline">Adrenaline Shots</option>
  <option value="advancedstove">Advanced Stove</option>
  <option value="backpackexpansion">Backpack Expansion</option>
   <option value="waterfilter">Compact Water Filter</option>
   <option value="waterfilter">Compact Water Filter</option>
  <option value="fridge">Fridge</option>
  <option value="largewaterfilter">Large Water Filter</option>
  <option value="loadhandling">Load Handling</option>
  <option value="meat">Meat Drier</option>
  <option value="portablerainwater">Portable Rainwater Collection System</option>
  <option value="stove">Primary Stove</option>
   <option value="rainwater">Rainwater Collection System</option>
   <option value="rainwater">Rainwater Collection System</option>
   <option value="advancedstove">Advanced Stove</option>
   <option value="stardustfusionstove">Stardust Fusion Stove</option>
  <option value="treatment">Treatment</option>
  <option value="watertank">Water Tank</option>
</select>
</select>
</div>
</div>
<div id="survivalOutput" class="output" style="display:none;"></div>
<div id="survivalOutput" class="output" style="display:none;"></div>
</div>
</div>
<!-- ================= PRODUCTION ================= -->
<!-- ================= 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="advancedrecyclingtool">Advanced Recycling Tool</option>
  <option value="advancedsuppliesworkbench">Advanced Supplies Workbench</option>
  <option value="ammunitionsuppliesworkbench">Ammunition Supplies Workbench</option>
  <option value="animaltrough">Animal Trough</option>
  <option value="automaticirrigationfacility">Automatic Irrigation Facility</option>
  <option value="brewingbarrel">Brewing Barrel</option>
  <option value="compostbin">Compost Bin</option>
  <option value="crudepickaxe">Crude Pickaxe</option>
  <option value="customdisassemblybench">Custom Disassembly Bench</option>
  <option value="disassemblybench">Disassembly Bench</option>
  <option value="electricfurnace">Electric Furnace</option>
  <option value="electricrockdrill">Electric Rock Drill</option>
  <option value="electronicsgrabber">Electronics Grabber</option>
  <option value="fishingrod">Fishing Rod</option>
  <option value="furnace">Furnace</option>
  <option value="growlights">Grow Lights</option>
  <option value="harvestingsickle">Harvesting Sickle</option>
  <option value="hybridelectricfurnace">Hybrid Electric Furnace</option>
  <option value="largerefineryfacility">Large Refinery Facility</option>
  <option value="loamysoil">Loamy Soil</option>
  <option value="loggingchainsaw">Logging Chainsaw</option>
  <option value="loggingplatform">Logging Platform</option>
  <option value="medicalsuppliesworkbench">Medical Supplies Workbench</option>
  <option value="miningplatform">Mining Platform</option>
  <option value="primarysuppliesworkbench">Primary Supplies Workbench</option>
  <option value="recyclingelectricfurnace">Recycling Electric Furnace</option>
  <option value="smallrefineryfacility">Small Refinery Facility</option>
  <option value="solardrill">Solar Drill</option>
  <option value="stardustfilter">Stardust Filter</option>
  <option value="stardustminingplatform">Stardust Mining Platform</option>
  <option value="stardustrefinery">Stardust Refinery</option>
  <option value="waterpumps">Water Pumps</option>
  <option value="whistle">Whistle</option>
  <option value="younglinghut">Youngling Hut</option>
</select>
</div>
<div id="productionOutput" class="output" style="display:none;"></div>
</div>
<!-- ================= COMBAT ================= -->
<!-- ================= COMBAT ================= -->
<div id="slot3" class="mw-tab-content"></div>
<div id="slot3" class="mw-tab-content">
 
<div class="dropdown">
<select id="combatSelect">
  <option value="">Select Item</option>
  <option value="advancedgearworkbench">Advanced Gear Workbench + Steel-Core Ammo</option>
  <option value="apammo">AP Ammo (Demolition Ammo)</option>
  <option value="armorpiercingarrow">Armor-Piercing Arrow/Demolition Arrows</option>
  <option value="claymoremines">Claymore Mines</option>
  <option value="defensetrap1">Defense Trap #1</option>
  <option value="defensetrap2">Defense Trap #2</option>
  <option value="defensetrap3">Defense Trap #3</option>
  <option value="grenade">Grenade</option>
  <option value="hegrenade">HE Grenade</option>
  <option value="highexplosives">High Explosives</option>
  <option value="manikin">Manikin</option>
  <option value="molotovcocktail">Molotov Cocktail</option>
  <option value="redplasmarounds">Red Plasma Rounds</option>
  <option value="sandbag">Sandbag</option>
  <option value="shelter">Shelter</option>
  <option value="shieldmatrix">Shield Matrix</option>
  <option value="spectralcloak">Spectral Cloak</option>
  <option value="steeltiparrow">Steel-Tip Arrow</option>
  <option value="turretlevel1">Turret Level 1</option>
  <option value="turretlevel2">Turret Level 2</option>
  <option value="vailoftranquility">Vail of Tranquility</option>
  <option value="wildfireflamethrower">Wildfire Flamethrower</option>
  <option value="woodenweaponbody">Wooden Weapon Body</option>
</select>
</div>
<div id="combatOutput" class="output" style="display:none;"></div>
</div>
<!-- ================= BUILD ================= -->
<!-- ================= BUILD ================= -->
<div id="slot4" class="mw-tab-content"></div>
<div id="slot4" class="mw-tab-content">
 
<div class="dropdown">
<select id="buildSelect">
  <option value="">Select Item</option>
  <option value="chair">Chair</option>
  <option value="designersworkstation">Designer's Workstation</option>
  <option value="deviationstoragecrate">Deviation Storage Crate</option>
  <option value="displayfacilities">Display Facilities</option>
  <option value="fuse">Fuse</option>
  <option value="fusionpod">Fusion Pod</option>
  <option value="improveddeviationenergygenerator">Improved Deviation Energy Generator</option>
  <option value="improvedlargebiomassgenerator">Improved Large Biomass Generator</option>
  <option value="improvedlargehydropowergenerator">Improved Large Hydropower Generator</option>
  <option value="improvedlargesolargenerator">Improved Large Solar Generator</option>
  <option value="largegarage">Large Garage</option>
  <option value="largestoragecrate">Large Storage Crate</option>
  <option value="light">Light</option>
  <option value="mailbox">Mailbox</option>
  <option value="mediumgarage">Medium Garage</option>
  <option value="morphedcircularlight">Morphed Circular Light</option>
  <option value="photoframekit">Photo Frame Kit</option>
  <option value="privatestoragecrate">Private Storage Crate</option>
  <option value="radio">Radio</option>
  <option value="securementunit">Securement Unit</option>
  <option value="smallbiomassgenerator">Small Biomass Generator</option>
  <option value="smallgaragerepairdrill">Small Garage/Repair Drill</option>
  <option value="smallhydropowergenerator">Small Hydropower Generator</option>
  <option value="smallsolargenerator">Small Solar Generator</option>
  <option value="smallstoragecrate">Small Storage Crate</option>
  <option value="specialstoragecrate">Special Storage Crate</option>
  <option value="storagebattery">Storage Battery</option>
  <option value="storageterminal">Storage Terminal</option>
  <option value="table">Table</option>
  <option value="vendingmachine">Vending Machine</option>
  <option value="weaponarmorstoragecrate">Weapon/Armor Storage Crate</option>
  <option value="weaponrack">Weapon Rack</option>
</select>
</div>
<div id="buildOutput" class="output" style="display:none;"></div>
</div>
</div>
</div>
<script>
<script>
/* TAB SYSTEM */
/* TAB SYSTEM */
Line 129: Line 224:
     document.querySelectorAll('.mw-tab-btn').forEach(b => b.classList.remove('active'));
     document.querySelectorAll('.mw-tab-btn').forEach(b => b.classList.remove('active'));
     document.querySelectorAll('.mw-tab-content').forEach(c => c.classList.remove('active'));
     document.querySelectorAll('.mw-tab-content').forEach(c => c.classList.remove('active'));
     btn.classList.add('active');
     btn.classList.add('active');
     document.getElementById(btn.dataset.tab).classList.add('active');
     document.getElementById(btn.dataset.tab).classList.add('active');
   };
   };
});
});
/* DATA */
/* DATA */
const survivalData = {
const survivalData = {
Line 140: Line 233:
     title: "Primary Stove",
     title: "Primary Stove",
     lines: [
     lines: [
       "Tech Level 1: 29 Copper Ore + 17 Gravel + 25 Wood",
       "<b>Tech Level 1 (H):</b> 29 Copper Ore + 17 Gravel + 25 Wood",
       "Tech Level 8: 29 Copper Ore + 17 Gravel + 25 Wood",
       "<b>Tech Level 8 (H):</b> 29 Copper Ore + 17 Gravel + 25 Wood",
       "Tech Level 12: 30 Copper Ore + 25 Gravel + 17 Wood"
       "<b>Tech Level 12 (H):</b> 30 Copper Ore + 25 Gravel + 17 Wood"
     ]
     ]
   },
   },
Line 148: Line 241:
     title: "Meat Drier",
     title: "Meat Drier",
     lines: [
     lines: [
       "Tech Level 1: 9 Iron Ingot + 13 Metal Scraps + 17 Wood",
       "<b>Tech Level 1 (H):</b> 9 Iron Ingot + 13 Metal Scraps + 17 Wood",
       "Tech Level 8: 6 Iron Ingot + 8 Metal Scraps + 17 Wood",
       "<b>Tech Level 8 (H):</b> 6 Iron Ingot + 8 Metal Scraps + 17 Wood",
       "Tech Level 12: 9 Iron Ingot + 8 Metal Scraps + 17 Wood"
       "<b>Tech Level 12 (H):</b> 9 Iron Ingot + 8 Metal Scraps + 17 Wood"
     ]
     ]
   },
   },
Line 156: Line 249:
     title: "Treatment",
     title: "Treatment",
     lines: [
     lines: [
       "Tech Level 1: 1 Detoxident + 1 Glass + 5 Rubber + 1 Acid + 1 Boiled Water",
       "<b>Tech Level 1 (H):</b> 1 Detoxident + 1 Glass + 5 Rubber + 1 Acid + 1 Boiled Water",
       "Tech Level 8: 1 Detoxident + 1 Glass + 3 Rubber + 1 Acid + 1 Boiled Water",
       "<b>Tech Level 8 (H):</b> 1 Detoxident + 1 Glass + 3 Rubber + 1 Acid + 1 Boiled Water",
       "Tech Level 12: 1 Detoxident + 1 Glass + 5 Rubber + 1 Acid + 1 Boiled Water"
       "<b>Tech Level 12 (H):</b> 1 Detoxident + 1 Glass + 5 Rubber + 1 Acid + 1 Boiled Water"
     ]
     ]
   },
   },
Line 164: Line 257:
     title: "Adrenaline Shots",
     title: "Adrenaline Shots",
     lines: [
     lines: [
       "Tech Level 1: 7 Acid + 1 Glass + 2 Rubber + 17 Stardust Source",
       "<b>Tech Level 1 (H):</b> 7 Acid + 1 Glass + 2 Rubber + 17 Stardust Source",
       "Tech Level 8: 3 Acid + 1 Glass + 2 Rubber + 17 Stardust Source",
       "<b>Tech Level 8 (H):</b> 3 Acid + 1 Glass + 2 Rubber + 17 Stardust Source",
       "Tech Level 12: 5 Acid + 1 Glass + 2 Rubber + 17 Stardust Source"
       "<b>Tech Level 12 (H):</b> 5 Acid + 1 Glass + 2 Rubber + 17 Stardust Source"
     ]
     ]
   },
   },
Line 172: Line 265:
     title: "Compact Water Filter",
     title: "Compact Water Filter",
     lines: [
     lines: [
       "Tech Level 1: 41 Wood + 13 Adhesive + 17 Charcoal + 21 Iron Ingot + 1 Power Cable",
       "<b>Tech Level 1 (H):</b> 41 Wood + 13 Adhesive + 17 Charcoal + 21 Iron Ingot + 1 Power Cable",
       "Tech Level 8: 41 Wood + 13 Adhesive + 17 Charcoal + 21 Iron Ingot + 1 Power Cable",
       "<b>Tech Level 8 (H):</b> 41 Wood + 13 Adhesive + 17 Charcoal + 21 Iron Ingot + 1 Power Cable",
       "Tech Level 12: 41 Wood + 13 Adhesive + 17 Charcoal + 21 Iron Ingot + 1 Power Cable"
       "<b>Tech Level 12 (H):</b> 41 Wood + 13 Adhesive + 17 Charcoal + 21 Iron Ingot + 1 Power Cable"
     ]
     ]
   },
   },
Line 180: Line 273:
     title: "Rainwater Collection System",
     title: "Rainwater Collection System",
     lines: [
     lines: [
       "Tech Level 1: 25 Wood + 13 Fiber + 5 Rubber",
       "<b>Tech Level 1 (H):</b> 25 Wood + 13 Fiber + 5 Rubber",
       "Tech Level 8: 25 Wood + 13 Fiber + 2 Rubber",
       "<b>Tech Level 8 (H):</b> 25 Wood + 13 Fiber + 2 Rubber",
       "Tech Level 12: 26 Wood + 13 Fiber + 3 Rubber"
       "<b>Tech Level 12 (H):</b> 26 Wood + 13 Fiber + 3 Rubber"
     ]
     ]
   },
   },
Line 188: Line 281:
     title: "Advanced Stove",
     title: "Advanced Stove",
     lines: [
     lines: [
       "Tech Level 1: 41 Steel Ingot + 13 Parts + 1 Power Cable + 9 Metal Scraps + 6 Glass + 9 Electronic Part",
       "<b>Tech Level 1 (M):</b> 41 Steel Ingot + 13 Parts + 1 Power Cable + 9 Metal Scraps + 6 Glass + 9 Electronic Parts",
       "Tech Level 8: 41 Steel Ingot + 13 Parts + 1 Power Cable + 9 Metal Scraps + 6 Glass + 9 Electronic Part",
       "<b>Tech Level 8 (H):</b> 41 Steel Ingot + 13 Parts + 1 Power Cable + 9 Metal Scraps + 6 Glass + 9 Electronic Parts",
       "Tech Level 12: 41 Steel Ingot + 13 Parts + 1 Power Cable + 9 Metal Scraps + 6 Glass + 9 Electronic Part"
       "<b>Tech Level 12 (H):</b> 41 Steel Ingot + 13 Parts + 1 Power Cable + 9 Metal Scraps + 6 Glass + 9 Electronic Parts"
    ]
  },
  watertank: {
    title: "Water Tank",
    lines: [
      "<b>Tech Level 12:</b> 41 Wood + 5 Adhesive + 13 Metal Scraps"
    ]
  },
  fridge: {
    title: "Fridge",
    lines: [
      "<b>Tech Level 1 (M):</b> 25 Steel Ingot + 9 Iron Ingot + 13 Parts + 9 Glass + 17 Electronic Parts + 1 Power Cable",
      "<b>Tech Level 8 (H):</b> 25 Steel Ingot + 9 Iron Ingot + 13 Parts + 9 Glass + 17 Electronic Parts + 1 Power Cable",
      "<b>Tech Level 12 (H):</b> 25 Steel Ingot + 8 Iron Ingot + 13 Parts + 9 Glass + 17 Electronic Parts + 1 Power Cable"
    ]
  },
  largewaterfilter: {
    title: "Large Water Filter",
    lines: [
      "<b>Tech Level 1 (M):</b> 5 Electronic Parts + 7 Parts + 7 Adhesive + 6 Rubber + 4 Alloy Steel + 1 Power Cable",
      "<b>Tech Level 8 (M):</b> 5 Electronic Parts + 17 Parts + 17 Adhesive + 6 Rubber + 6 Alloy Steel + 1 Power Cable",
      "<b>Tech Level 12 (H):</b> 13 Electronic Parts + 7 Parts + 20 Adhesive + 9 Rubber + 9 Alloy Steel + 1 Power Cable"
    ]
  },
  portablerainwater: {
    title: "Portable Rainwater Collection System",
    lines: [
      "<b>Tech Level 8 (L):</b> 10 Fiber + 7 Wood + 4 Adhesive + 4 Stardust Source",
      "<b>Tech Level 12 (L):</b> 10 Fiber + 7 Wood + 4 Adhesive + 4 Stardust Source"
    ]
  },
  loadhandling: {
    title: "Load Handling",
    lines: [
      "<b>Tech Level 8 (L):</b> 10 Fiber + 1 Rawhide + 5 Rubber + 4 Stardust Source",
      "<b>Tech Level 12 (L):</b> 10 Fiber + 1 Rawhide + 5 Rubber + 4 Stardust Source"
    ]
  },
  backpackexpansion: {
    title: "Backpack Expansion",
    lines: [
      "<b>Tech Level 8 (L):</b> Tungsten Ingot + 2 Rawhide + 5 Rubber + 4 Stardust Source",
      "<b>Tech Level 12 (L):</b> Tungsten Ingot + 2 Rawhide + 5 Rubber + 4 Stardust Source"
    ]
  },
  stardustfusionstove: {
    title: "Stardust Fusion Stove",
    lines: [
      "<b>Tech Level 8 (M):</b> 26 Tungsten Ingot + 23 Gold Ore + 7 Parts + 11 Power Cable + 4 Electronic Parts + 1 Oven Mitts",
      "<b>Tech Level 12 (M):</b> 61 Tungsten Ingot + 23 Gold Ore + 7 Parts + 11 Power Cable + 4 Electronic Parts + 1 Oven Mitts"
    ]
  }
};
/* PRODUCTION DATA */
const productionData = {
  advancedrecyclingtool: {
    title: "Advanced Recycling Tool",
    lines: [
      "<b>Tech Level 12 (H):</b> 3 Metal Scraps + 13 Steel Ingots"
    ]
  },
  advancedsuppliesworkbench: {
    title: "Advanced Supplies Workbench",
    lines: [
      "<b>Tech Level 1 (M):</b> 41 Steel Ingot + 17 Metal Scraps + 17 Parts + 13 Rubber + 3 Electronic Parts",
      "<b>Tech Level 12 (H):</b> 41 Steel Ingot + 17 Metal Scraps + 17 Parts + 13 Rubber + 3 Electronic Parts"
    ]
  },
  ammunitionsuppliesworkbench: {
    title: "Ammunition Supplies Workbench",
    lines: [
      "<b>Tech Level 12 (M):</b> 16 Tungsten Ingot + 23 Gold Ore + 13 Plastic + 8 Parts + 13 Rubber + 1 Versatile Screwdriver Set"
    ]
  },
  animaltrough: {
    title: "Animal Trough",
    lines: [
      "<b>Tech Level 12:</b> 41 Wood + 10 Sintered Brick + 21 Iron Ingot + 13 Adhesive"
    ]
  },
  automaticirrigationfacility: {
    title: "Automatic Irrigation Facility",
    lines: [
      "<b>Tech Level 12 (H):</b> 17 Steel + 5 Parts + 5 Electronic Parts + 6 Metal Scraps"
    ]
  },
  brewingbarrel: {
    title: "Brewing Barrel",
    lines: [
      "<b>Tech Level 12 (H):</b> 41 Wood + 17 Adhesive + 17 Rubber + 25 Steel Ingot + 13 Acid + 1 Power Cable"
    ]
  },
  compostbin: {
    title: "Compost Bin",
    lines: [
      "<b>Tech Level 12 (H):</b> 25 Wood + 6 Metal Scraps + 9 Sintered Brick"
    ]
  },
  crudepickaxe: {
    title: "Crude Pickaxe",
    lines: [
      "<b>Tech Level 1 (H):</b> 5 Wood + 6 Gravel",
      "<b>Tech Level 12 (H):</b> 5 Wood + 6 Gravel"
    ]
  },
  customdisassemblybench: {
    title: "Custom Disassembly Bench",
    lines: [
      "<b>Tech Level 12 (M):</b> 16 Tungsten Ingot + 61 Gold Ore + 25 Plastic + 19 Parts + 19 Metal Scrap + 1 Steel Pliers"
    ]
  },
  disassemblybench: {
    title: "Disassembly Bench",
    lines: [
      "<b>Tech Level 1 (H):</b> 17 Gravel + 17 Copper Ore",
      "<b>Tech Level 12 (H):</b> 17 Gravel + 17 Copper Ore"
    ]
  },
  electricfurnace: {
    title: "Electric Furnace",
    lines: [
      "<b>Tech Level 12 (H):</b> 41 Steel Ingot + 17 Copper Ingot + 5 Electronic Parts + 6 Parts + 1 Power Cable"
    ]
  },
  electricrockdrill: {
    title: "Electric Rock Drill",
    lines: [
      "<b>Tech Level 12 (H):</b> 41 Alloy Steel Ingot + 17 Parts + 17 Electronic Parts + 1 Storage Battery + 17 Fiber + 2 Rawhide"
    ]
  },
  electronicsgrabber: {
    title: "Electronics Grabber",
    lines: [
      "<b>Tech Level 12 (L):</b> 10 Copper Ore + 4 Adhesive + 2 Rubber + 4 Stardust Source"
    ]
  },
  fishingrod: {
    title: "Fishing Rod",
    lines: [
      "<b>Tech Level 12 (H):</b> 17 Wood + 6 Iron Ingot"
    ]
  },
  furnace: {
    title: "Furnace",
    lines: [
      "<b>Tech Level 1 (H):</b> 17 Copper Ore + 25 Gravel",
      "<b>Tech Level 12 (H):</b> 17 Copper Ore + 25 Gravel"
    ]
  },
  growlights: {
    title: "Grow Lights",
    lines: [
      "<b>Tech Level 1 (M):</b> 13 Glass + 5 Parts + 2 Electronic Parts + 3 Metal Scraps",
      "<b>Tech Level 12 (H):</b> 13 Glass + 5 Parts + 2 Electronic Parts + 3 Metal Scraps"
    ]
  },
  harvestingsickle: {
    title: "Harvesting Sickle",
    lines: [
      "<b>Tech Level 1 (M):</b> 3 Iron Ingot + 2 Rawhide + 6 Wood",
      "<b>Tech Level 12 (M):</b> 3 Iron Ingot + 2 Rawhide + 6 Wood"
    ]
  },
  hybridelectricfurnace: {
    title: "Hybrid Electric Furnace",
    lines: [
      "<b>Tech Level 12 (M):</b> 23 Tungsten Ingot + 55 Silver Ore + 2 Electronic Parts + 2 Parts + 1 Welding Machine + 11 Power Cable"
    ]
  },
  largerefineryfacility: {
    title: "Large Refinery Facility",
    lines: [
      "<b>Tech Level 12 (M):</b> 24 Copper Ingot + 33 Alloy Steel Ingot + 11 Electronic Parts + 13 Parts + 11 Power Cable"
    ]
  },
  loamysoil: {
    title: "Loamy Soil",
    lines: [
      "<b>Tech Level 1 (H):</b> 7 Boiled Water + 3 Spoiled Food",
      "<b>Tech Level 12 (H):</b> 7 Boiled Water + 2 Spoiled Food"
    ]
  },
  loggingchainsaw: {
    title: "Logging Chainsaw",
    lines: [
      "<b>Tech Level 12 (H):</b> 41 Alloy Steel Ingot + 17 Parts + 17 Electronic Parts + 1 Storage Battery + 17 Plastic + 2 Rawhide"
    ]
  },
  loggingplatform: {
    title: "Logging Platform",
    lines: [
      "<b>Tech Level 12 (M):</b> 13 Alloy Steel Ingot + 7 Electronic Parts + 4 Rubber + 2 Storage Battery + 2 Power Cable + 4 Adhesive"
    ]
  },
  medicalsuppliesworkbench: {
    title: "Medical Supplies Workbench",
    lines: [
      "<b>Tech Level 12 (M):</b> 16 Tungsten Ingot + 55 Silver Ore + 13 Plastic + 8 Parts + 13 Rubber + 1 Versatile Screwdriver Set"
    ]
  },
  miningplatform: {
    title: "Mining Platform",
    lines: [
      "<b>Tech Level 12 (M):</b> 16 Tungsten Ingot + 10 Electronic Parts + 2 Power Cable + 5 Adhesive + 5 Metal Scraps + 2 Storage Battery"
    ]
  },
  primarysuppliesworkbench: {
    title: "Primary Supplies Workbench",
    lines: [
      "<b>Tech Level 1 (H):</b> 25 Wood + 17 Copper Ore",
      "<b>Tech Level 12 (H):</b> 25 Wood + 17 Copper Ore"
    ]
  },
  recyclingelectricfurnace: {
    title: "Recycling Electric Furnace",
    lines: [
      "<b>Tech Level 12 (M):</b> 23 Tungsten Ingot + 23 Gold Ore + 2 Electronic Parts + 2 Parts + 1 Welding Machine + 11 Power Cable"
    ]
  },
  smallrefineryfacility: {
    title: "Small Refinery Facility",
    lines: [
      "<b>Tech Level 12 (H):</b> 13 Copper Ingot + 29 Steel Ingot + 3 Electronic Parts + 9 Parts + 1 Power Cable"
    ]
  },
  solardrill: {
    title: "Solar Drill",
    lines: [
      "<b>Tech Level 12 (M):</b> 13 Tungsten Ingot + 7 Parts + 25 Electronic Parts + 1 Storage Battery + 19 Stardust Source + 1 Rawhide"
    ]
  },
  stardustfilter: {
    title: "Stardust Filter",
    lines: [
      "<b>Tech Level 12 (L):</b> 10 Alloy Steel Ingot + 7 Copper Ingot + 7 Rubber + 7 Glass + 4 Acid"
    ]
  },
  stardustminingplatform: {
    title: "Stardust Mining Platform",
    lines: [
      "<b>Tech Level 12 (M):</b> 19 Tungsten Ingot + 25 Stardust Source + 5 Adhesive + 1 Power Cable + 26 Rubber + 2 Storage Battery"
    ]
  },
  stardustrefinery: {
    title: "Stardust Refinery",
    lines: [
      "<b>Tech Level 12 (M):</b> 14 Steel Ingot + 11 Stardust Source + 7 Fiber + 13 Parts + 1 Power Cable + 11 Electronic Parts"
    ]
  },
  waterpumps: {
    title: "Water Pumps",
    lines: [
      "<b>Tech Level 12 (H):</b> 29 Steel Ingot + 17 Fiber + 17 Parts + 17 Electronic Parts"
    ]
  },
  whistle: {
    title: "Whistle",
    lines: [
      "<b>Tech Level 12 (H):</b> 4 Steel Ingot + 1 Wood"
    ]
  },
  younglinghut: {
    title: "Youngling Hut",
    lines: [
      "<b>Tech Level 1 (L):</b> 16 Wood + 7 Sintered Brick + 10 Steel Ingot",
      "<b>Tech Level 12 (H):</b> 41 Wood + 7 Sintered Brick + 25 Steel Ingot"
     ]
     ]
   }
   }
};
};
/* DROPDOWN LOGIC */
/* DROPDOWN LOGIC */
document.getElementById("survivalSelect").onchange = function () {
function bindDropdown(selectId, outputId, data) {
  const val = this.value;
  document.getElementById(selectId).onchange = function () {
  const output = document.getElementById("survivalOutput");
    const val = this.value;
 
    const output = document.getElementById(outputId);
  if (!val) {
    if (!val) {
     output.style.display = "none";
      output.style.display = "none";
     return;
      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";
  };
}
/* COMBAT DATA */
const combatData = {
  advancedgearworkbench: {
    title: "Advanced Gear Workbench + Steel-Core Ammo",
    lines: [
      "<b>Tech Level 12 (H):</b> 68 Steel Ingot + 30 Parts + 12 Plastic + 25 Electronic Parts"
    ]
  },
  apammo: {
    title: "AP Ammo (Demolition Ammo)",
    lines: [
      "<b>Tech Level 12 (H):</b> 4 Tungsten + 2 Gunpowder + 17 Stardust Source"
    ]
  },
  armorpiercingarrow: {
    title: "Armor-Piercing Arrow/Demolition Arrows",
    lines: [
      "<b>Tech Level 12 (H):</b> 6 Tungsten Ingot + 25 Wood + 6 Stardust Source"
    ]
  },
  claymoremines: {
    title: "Claymore Mines",
    lines: [
      "<b>Tech Level 12 (H):</b> 2 Iron Ingot + 1 Mixed Explosives + 2 Electronic Parts + 2 Glass"
    ]
  },
  defensetrap1: {
    title: "Defense Trap #1",
    lines: [
      "<b>Tech Level 12 (H):</b> 33 Steel Ingot + 7 Metal Scraps + 9 Adhesive"
    ]
  },
  defensetrap2: {
    title: "Defense Trap #2",
    lines: [
      "<b>Tech Level 12 (H):</b> 33 Alloy Steel Ingot + 8 Metal Scraps + 13 Adhesive"
    ]
  },
  defensetrap3: {
    title: "Defense Trap #3",
    lines: [
      "<b>Tech Level 12 (M):</b> 33 Tungsten Ingot + 17 Metal Scrap + 17 Adhesive"
    ]
  },
  grenade: {
    title: "Grenade",
    lines: [
      "<b>Tech Level 12 (H):</b> 7 Copper Ingot + 3 Parts + 2 Plastic + 1 Mixed Explosives"
    ]
  },
  hegrenade: {
    title: "HE Grenade",
    lines: [
      "<b>Tech Level 12 (H):</b> 17 Steel Ingot + 6 Mixed Explosives + 21 Stardust Source + 25 Portable Mixed Fuel"
    ]
  },
  highexplosives: {
    title: "High Explosives",
    lines: [
      "<b>Tech Level 12 (M):</b> 8 Alloy Steel Ingot + 2 Mixed Explosives + 6 Rubber + 2 Electronic Parts"
    ]
  },
  manikin: {
    title: "Manikin",
    lines: [
      "<b>Tech Level 12 (H):</b> 25 Wood + 13 Metal Scraps + 13 Adhesive + 13 Rubber + 1 Coat Hanger"
    ]
  },
  molotovcocktail: {
    title: "Molotov Cocktail",
    lines: [
      "<b>Tech Level 12 (H):</b> 5 Glass + 5 Fiber + 3 Sulfur + 2 Boiled Water"
    ]
  },
  redplasmarounds: {
    title: "Red Plasma Rounds",
    lines: [
      "<b>Tech Level 12 (L):</b> 7 Stardust Source + 19 Tungsten Ingot + 2 Barreled Premium Fuel + 2 Gold Ore"
    ]
  },
  sandbag: {
    title: "Sandbag",
    lines: [
      "<b>Tech Level 12 (H):</b> 21 Gravel + 2 Fiber"
    ]
  },
  shelter: {
    title: "Shelter",
    lines: [
      "<b>Tech Level 12 (H):</b> 21 Wood + 3 Metal Scraps + 2 Copper Ingot"
    ]
  },
  shieldmatrix: {
    title: "Shield Matrix",
    lines: [
      "<b>Tech Level 12 (M):</b> 21 Electronic Parts + 6 Control Unit + 25 Parts + 33 Stardust Source + 3 Storage Battery"
    ]
  },
  spectralcloak: {
    title: "Spectral Cloak",
    lines: [
      "<b>Tech Level 12 (L):</b> 19 Electronic Part + 19 Silver Ore + 8 Fiber + 7 Stardust Source"
    ]
  },
  steeltiparrow: {
    title: "Steel-Tip Arrow",
     lines: [
      "<b>Tech Level 12 (H):</b> 4 Steel Ingot + 17 Wood + 5 Stardust Source"
    ]
  },
  turretlevel1: {
    title: "Turret Level 1",
    lines: [
      "<b>Tech Level 12 (H):</b> 6 Gold Ore + 41 Steel Ingot + 25 Parts + 9 Barreled Premium Fuel"
    ]
  },
  turretlevel2: {
    title: "Turret Level 2",
    lines: [
      "<b>Tech Level 8 (M):</b> 17 Gold Ore + 37 Alloy Steel Ingot + 25 Parts + 8 Barreled Premium Fuel",
      "<b>Tech Level 12 (M):</b> 17 Gold Ore + 37 Alloy Steel Ingot + 25 Parts + 8 Barreled Premium Fuel"
    ]
  },
  vailoftranquility: {
    title: "Vail of Tranquility",
    lines: [
      "<b>Tech Level 12 (M):</b> 97 Stardust Ingot + 25 Parts + 33 Electronic Part + 1 Power Cable"
    ]
  },
  wildfireflamethrower: {
    title: "Wildfire Flamethrower",
    lines: [
      "<b>Tech Level 12 (M):</b> 8 Barreled Premium Fuel + 41 Silver Ore + 17 Stardust Ingot + 25 Parts + 17 Stardust Source"
    ]
  },
  woodenweaponbody: {
    title: "Wooden Weapon Body",
    lines: [
      "<b>Tech Level 12 (H):</b> 41 Wood + 1 Gravel"
    ]
  }
};
/* BUILD DATA */
const buildData = {
  chair: {
    title: "Chair",
    lines: [
      "<b>Tech Level 12 (H):</b> 8 Wood + 2 Parts"
    ]
  },
  designersworkstation: {
    title: "Designer's Workstation",
    lines: [
      "<b>Tech Level 12 (H):</b> 37 Steel Ingot + 13 Copper Ingot + 17 Parts + 13 Metal Scrap + 13 Electronic Part + 8 Glass"
    ]
  },
  deviationstoragecrate: {
    title: "Deviation Storage Crate",
    lines: [
      "<b>Tech Level 12 (H):</b> 17 Iron Ingot + 13 Rubber + 3 Parts"
    ]
  },
  displayfacilities: {
    title: "Display Facilities",
    lines: [
      "<b>Tech Level 12 (H):</b> 33 Wood + 5 Adhesive"
    ]
  },
  fuse: {
    title: "Fuse",
    lines: [
      "<b>Tech Level 8 (H):</b> 5 Iron Ingot + 2 Glass + 4 Metal Scraps",
      "<b>Tech Level 12 (H):</b> 4 Iron Ingot + 2 Glass + 9 Metal Scraps"
    ]
  },
  fusionpod: {
    title: "Fusion Pod",
    lines: [
      "<b>Tech Level 12 (H):</b> 17 Alloy Steel Ingot + 17 Parts + 17 Glass + 2 Rubber"
    ]
  },
  improveddeviationenergygenerator: {
    title: "Improved Deviation Energy Generator",
    lines: [
      "<b>Tech Level 12 (M):</b> 46 Tungsten Ingot + 38 Gold Ore + 13 Parts + 31 Stardust Source + 3 Fuse + 1 Custom Cable"
    ]
  },
  improvedlargebiomassgenerator: {
    title: "Improved Large Biomass Generator",
    lines: [
      "<b>Tech Level 12 (L):</b> 13 Tungsten Ingot + 55 Silver Ore + 5 Parts + 10 Electronic Part + 2 Fuse + 1 Custom Cable"
    ]
  },
  improvedlargehydropowergenerator: {
    title: "Improved Large Hydropower Generator",
    lines: [
      "<b>Tech Level 12 (M):</b> 25 Tungsten Ingot + 55 Silver Ore + 10 Parts + 23 Wood + 3 Fuse + 1 Custom Cable"
    ]
  },
  improvedlargesolargenerator: {
    title: "Improved Large Solar Generator",
    lines: [
      "<b>Tech Level 12 (L):</b> 13 Tungsten Ingot + 23 Gold Ore + 4 Glass + 5 Electronic Part + 2 Fuse + 1 Custom Cable"
    ]
  },
  largegarage: {
    title: "Large Garage",
    lines: [
      "<b>Tech Level 12 (M):</b> 25 Tungsten Ingot + 33 Parts + 3 Electronic Part"
    ]
  },
  largestoragecrate: {
    title: "Large Storage Crate",
    lines: [
      "<b>Tech Level 12 (H):</b> 17 Iron Ingot + 13 Rubber + 3 Parts"
    ]
  },
  light: {
    title: "Light",
    lines: [
      "<b>Tech Level 12 (H):</b> 2 Glass + 2 Copper Ingot + 1 Electronic Part"
    ]
  },
  mailbox: {
    title: "Mailbox",
    lines: [
      "<b>Tech Level 12 (H):</b> 21 Wood + 6 Iron Ore"
    ]
  },
  mediumgarage: {
    title: "Medium Garage",
    lines: [
      "<b>Tech Level 12 (H):</b> 31 Steel Ingot + 8 Parts + 1 Electronic Part"
    ]
  },
  morphedcircularlight: {
    title: "Morphed Circular Light",
    lines: [
      "<b>Tech Level 12 (H):</b> 5 Wood + 1 Electronic Part + 6 Rubber + 3 Adhesive"
    ]
  },
  photoframekit: {
    title: "Photo Frame Kit",
    lines: [
      "<b>Tech Level 12 (H):</b> 1 Wood + 1 Adhesive"
    ]
  },
  privatestoragecrate: {
    title: "Private Storage Crate",
    lines: [
      "<b>Tech Level 12 (H):</b> 9 Iron Ingot + 3 Metal Scraps + 5 Parts"
    ]
  },
  radio: {
    title: "Radio",
    lines: [
      "<b>Tech Level 12 (H):</b> 9 Wood + 3 Parts + 3 Plastic + 2 Copper Ingot + 1 Electronic Part"
    ]
  },
  securementunit: {
    title: "Securement Unit",
    lines: [
      "<b>Tech Level 12 (H):</b> 17 Metal Scraps + 13 Copper Ingot + 6 Glass"
    ]
  },
  smallbiomassgenerator: {
    title: "Small Biomass Generator",
    lines: [
      "<b>Tech Level 12 (H):</b> 33 Iron Ingot + 5 Parts + 5 Plastic + 13 Electronic Part + 2 Fuse"
    ]
  },
  smallgaragerepairdrill: {
    title: "Small Garage/Repair Drill",
    lines: [
      "<b>Tech Level 12 (H):</b> 11 Iron Ingot + 6 Parts"
    ]
  },
  smallhydropowergenerator: {
    title: "Small Hydropower Generator",
    lines: [
      "<b>Tech Level 12 (H):</b> 121 Steel Ingot + 13 Electronic Part + 13 Parts + 41 Wood"
    ]
  },
  smallsolargenerator: {
    title: "Small Solar Generator",
    lines: [
      "<b>Tech Level 12 (H):</b> 97 Steel Ingot + 13 Glass + 13 Parts + 13 Plastic + 13 Electronic Part + 2 Fuse"
    ]
  },
  smallstoragecrate: {
    title: "Small Storage Crate",
    lines: [
      "<b>Tech Level 12 (H):</b> 25 Wood + 3 Metal Scraps"
    ]
  },
  specialstoragecrate: {
    title: "Special Storage Crate",
    lines: [
      "<b>Tech Level 12 (L):</b> 10 Copper Ingot + 5 Rubber + 2 Parts"
    ]
  },
  storagebattery: {
    title: "Storage Battery",
    lines: [
      "<b>Tech Level 12 (H):</b> 13 Steel Ingot + 17 Rubber + 17 Acid + 6 Electronic Part"
    ]
  },
  storageterminal: {
    title: "Storage Terminal",
    lines: [
      "<b>Tech Level 12 (H):</b> 25 Steel + 17 Copper Ingot + 17 Parts + 6 Electronic Part"
    ]
  },
  table: {
    title: "Table",
    lines: [
      "<b>Tech Level 12 (H):</b> 21 Wood + 2 Adhesive"
    ]
  },
  vendingmachine: {
    title: "Vending Machine",
    lines: [
      "<b>Tech Level 12 (M):</b> 25 Steel Ingot + 13 Copper Ingot + 3 Parts + 3 Electronic Part + 2 Glass + 1 Power Cable"
    ]
  },
  weaponarmorstoragecrate: {
    title: "Weapon/Armor Storage Crate",
    lines: [
      "<b>Tech Level 12 (H):</b> 7 Copper Ingot + 11 Steel Ingot + 9 Parts"
    ]
  },
  weaponrack: {
    title: "Weapon Rack",
    lines: [
      "<b>Tech Level 12 (M):</b> 6 Copper Ingot + 3 Alloy Steel Ingot"
    ]
   }
   }
  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";
};
};
bindDropdown("survivalSelect", "survivalOutput", survivalData);
bindDropdown("productionSelect", "productionOutput", productionData);
bindDropdown("combatSelect", "combatOutput", combatData);
bindDropdown("buildSelect", "buildOutput", buildData);
</script>
</script>
</html>
</html>

Latest revision as of 09:56, 26 April 2026

Return to Front Page

Survival
Production
Combat
Build

Retrieved from "https://ohwikiguide.com/index.php?title=Technological_Bench&oldid=1198"