Jump to content

Gear Hides Test: 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
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
<a href="https://ohwikiguide.com">Return to Front Page</a>
<html>
 
<a href="https://ohwikiguide.com/index.php/Load_Out_Page">Return to Load Out Main Page</a>
<br><br>
<br><br>


Line 5: Line 7:


<style>
<style>
.mw-tab-buttons {
.mw-tab-buttons{display:flex;width:100%;background:#0b0f14;border-radius:10px;padding:4px;gap:4px;}
  display: flex;
.mw-tab-btn{flex:1;text-align:center;padding:10px 0;font-weight:600;color:#cfd6df;background:#11161c;border-radius:6px;cursor:pointer;font-size:12px;}
  gap: 6px;
.mw-tab-btn.active{background:linear-gradient(180deg,#1ec8ff,#0ea5e9);color:#001018;}
  margin-bottom: 10px;
.dropdown{width:100%;margin-top:10px;}
}
.dropdown select{width:100%;padding:10px;background:#11161c;color:#e6edf3;border:1px solid #1f2a35;border-radius:8px;font-size:14px;}
.output{margin-top:10px;background:#0d1319;border:1px solid #1f2a35;border-radius:10px;padding:12px;}
.output-title{font-weight:700;margin-bottom:8px;color:#e6edf3;}
.output-line{font-size:13px;color:#9fb0c3;padding:4px 0;border-top:1px solid #1a222b;}
.output-line:first-of-type{border-top:none;}
.mw-tab-content{display:none;}
.mw-tab-content.active{display:block;}
</style>


.mw-tab-btn {
<div class="mw-tab-buttons">
   flex: 1;
   <div class="mw-tab-btn active" data-tab="t1">Helmet</div>
   text-align: center;
   <div class="mw-tab-btn" data-tab="t2">Top</div>
   padding: 8px 0;
   <div class="mw-tab-btn" data-tab="t3">Bottoms</div>
   background: #11161c;
   <div class="mw-tab-btn" data-tab="t4">Gloves</div>
   border: 1px solid #1f2a35;
   <div class="mw-tab-btn" data-tab="t5">Boots</div>
   border-radius: 6px;
   <div class="mw-tab-btn" data-tab="t6">Mask</div>
  color: #cfd6df;
</div>
  cursor: pointer;
  font-weight: 600;
}


.mw-tab-btn.active {
<!-- HELMET -->
   background: #1ec8ff;
<div id="t1" class="mw-tab-content active">
   color: #001018;
  <div class="dropdown">
}
    <select id="helmetSelect">
      <option value="">Select Item</option>
      <option value="bear_skin">Bear Skin</option>
      <option value="beach_croc">Beach Crocodile Skin</option>
      <option value="cave_bear">Cave Bear Skin</option>
      <option value="coastal_croc">Coastal Bay Crocodile Skin</option>
      <option value="cowhide">Cowhide</option>
      <option value="crocodile_hide">Crocodile Hide</option>
      <option value="desert_fox">Desert Fox Skin</option>
      <option value="hide">Hide</option>
      <option value="military_helmet">Old Military Helmet</option>
      <option value="raw">Raw Hide</option>
    </select>
   </div>
   <div id="helmetOutput" class="output" style="display:none;"></div>
</div>


.mw-tab-content { display: none; }
<!-- TOP -->
.mw-tab-content.active { display: block; }
<div id="t2" class="mw-tab-content">
  <div class="dropdown">
    <select id="topSelect">
      <option value="">Select Item</option>
      <option value="raw_hide">Raw Hide</option>
      <option value="deer_hide">Deer Hide</option>
      <option value="wolf_skin">Wolf Skin</option>
      <option value="rabbit_fur">Rabbit Fur</option>
      <option value="wool">Wool</option>
      <option value="lunar_wool">Lunar Wool</option>
      <option value="dreamfused_wool">Dreamfused Wool</option>
      <option value="highland_deer">Highland Deer Hide</option>
      <option value="forest_deer">Forest Deer Hide</option>
      <option value="tundra_deer">Tundra Deer Hide</option>
      <option value="wasteland_wolf">Wasteland Wolf Skin</option>
      <option value="grassland_wolf">Grassland Wolf Skin</option>
      <option value="jungle_wolf">Jungle Wolf Skin</option>
      <option value="dreamy_rabbit">Dreamy Rabbit Fur</option>
      <option value="lucky_rabbit">Lucky Rabbit Fur</option>
      <option value="rock_wool">Rock Wall Wool</option>
      <option value="mountain_wool">Mountain Wool</option>
      <option value="golden_wool">Golden Wool</option>
      <option value="bear_skin">Bear Skin</option>
      <option value="floating_bear">Floating Ice Bear Skin</option>
      <option value="snowfield_bear">Snowfield Bear Skin</option>
      <option value="cave_bear">Cave Bear Skin</option>
      <option value="crocodile">Crocodile Hide</option>
      <option value="beach_croc">Beach Crocodile Hide</option>
      <option value="coastal_croc">Coastal Bat Crocodile</option>
      <option value="fox_skin">Fox Skin</option>
      <option value="polar_fox">Polar Fox Skin</option>
      <option value="desert_fox">Desert Fox Skin</option>
      <option value="hide">Hide</option>
      <option value="velvet">Velvet</option>
      <option value="sealskin">Sealskin</option>
      <option value="reindeer">Reindeer Hide</option>
      <option value="cowhide">Cowhide</option>
      <option value="mountain_cow">Mountain Cowhide</option>
      <option value="valley_cow">Valley Cowhide</option>
      <option value="lunar_deer">Lunar Deer Hide</option>
      <option value="lunar_wolf">Lunar Wolf Skin</option>
      <option value="lunar_rabbit">Lunar Rabbit Fur</option>
      <option value="dream_deer">Dreamfused Deer Hide</option>
      <option value="dream_wolf">Dreamfused Wolf Skin</option>
      <option value="dream_rabbit">Dreamfused Rabbit Fur</option>
      <option value="dream_cow">Dreamfused Cow Hide</option>
      <option value="starfall_fox">Starfall Fox Skin</option>
      <option value="starfall_down">Starfall Down</option>
      <option value="starfall_croc">Starfall Crocodile Skin</option>
      <option value="starfall_cow">Starfall Cowhide</option>
      <option value="bulletproof">Bulletproof Vest</option>
      <option value="life_vest">Upgraded Life Vest</option>
    </select>
  </div>
  <div id="topOutput" class="output" style="display:none;"></div>
</div>


.mw-ui-select {
<!-- BOTTOMS -->
  width: 100%;
<div id="t3" class="mw-tab-content">
  padding: 10px;
  <div class="dropdown">
  background: #11161c;
    <select id="bottomsSelect">
  color: #e6edf3;
      <option value="">Select Item</option>
   border: 1px solid #1f2a35;
      <option value="beach_crocodile_skin">Beach Crocodile Skin</option>
   border-radius: 6px;
      <option value="bear_skin">Bear Skin</option>
}
      <option value="cave_bear_skin">Cave Bear Skin</option>
      <option value="coastal_bay_crocodile_skin">Coastal Bay Crocodile Skin</option>
      <option value="cowhide">Cowhide</option>
      <option value="crocodile_hide">Crocodile Hide</option>
      <option value="deer_hide">Deer Hide</option>
      <option value="desert_fox_skin">Desert Fox Skin</option>
      <option value="dreamy_rabbit_fur">Dreamy Rabbit Fur</option>
      <option value="floating_ice_bear_skin">Floating Ice Bear Skin</option>
      <option value="forest_deer_hide">Forest Deer Hide</option>
      <option value="fox_skin">Fox Skin</option>
      <option value="golden_wool">Golden Wool</option>
      <option value="grassland_wolf_skin">Grassland Wolf Skin</option>
      <option value="hide">Hide</option>
      <option value="highland_deer_hide">Highland Deer Hide</option>
      <option value="jungle_wolf_skin">Jungle Wolf Skin</option>
      <option value="lucky_rabbit_fur">Lucky Rabbit Fur</option>
      <option value="mountain_cowhide">Mountain Cowhide</option>
      <option value="mountain_wool">Mountain Wool</option>
      <option value="polar_fox_skin">Polar Fox Skin</option>
      <option value="rabbit_fur">Rabbit Fur</option>
      <option value="rawhide">Rawhide</option>
      <option value="reindeer_hide">Reindeer Hide</option>
      <option value="rock_wall_wool">Rock Wall Wool</option>
      <option value="sealskin">Sealskin</option>
      <option value="snowfield_bear_skin">Snowfield Bear Skin</option>
      <option value="tundra_deer_hide">Tundra Deer Hide</option>
      <option value="valley_cowhide">Valley Cowhide</option>
      <option value="velvet">Velvet</option>
      <option value="wasteland_wolf_skin">Wasteland Wolf Skin</option>
      <option value="wolf_skin_1">Wolf Skin</option>
      <option value="wool">Wool</option>
      <option value="lunar_deer_hide">Lunar Deer Hide</option>
      <option value="lunar_wolf_skin">Lunar Wolf Skin</option>
      <option value="lunar_rabbit_fur">Lunar Rabbit Fur</option>
      <option value="lunar_wool">Lunar Wool</option>
    </select>
   </div>
   <div id="bottomsOutput" class="output" style="display:none;"></div>
</div>


.mw-ui-output {
<!-- GLOVES -->
   margin-top: 10px;
<div id="t4" class="mw-tab-content">
  background: #0d1319;
   <div class="dropdown">
  border: 1px solid #1f2a35;
    <select id="glovesSelect">
   border-radius: 10px;
      <option value="">Select Item</option>
   padding: 12px;
      <option value="beach_crocodile_skin">Beach Crocodile Skin</option>
}
      <option value="bear_skin">Bear Skin</option>
      <option value="cave_bear_skin">Cave Bear Skin</option>
      <option value="coastal_bay_crocodile_skin">Coastal Bay Crocodile Skin</option>
      <option value="cowhide">Cowhide</option>
      <option value="crocodile_hide">Crocodile Hide</option>
      <option value="deer_hide">Deer Hide</option>
      <option value="desert_fox_skin">Desert Fox Skin</option>
      <option value="dreamy_rabbit_fur">Dreamy Rabbit Fur</option>
      <option value="floating_ice_bear_skin">Floating Ice Bear Skin</option>
      <option value="forest_deer_hide">Forest Deer Hide</option>
      <option value="fox_skin">Fox Skin</option>
      <option value="golden_wool">Golden Wool</option>
      <option value="grassland_wolf_skin">Grassland Wolf Skin</option>
      <option value="hide">Hide</option>
      <option value="highland_deer_hide">Highland Deer Hide</option>
      <option value="jungle_wolf_skin">Jungle Wolf Skin</option>
      <option value="lucky_rabbit_fur">Lucky Rabbit Fur</option>
      <option value="mountain_cowhide">Mountain Cowhide</option>
      <option value="mountain_wool">Mountain Wool</option>
      <option value="polar_fox_skin">Polar Fox Skin</option>
      <option value="rabbit_fur">Rabbit Fur</option>
      <option value="reindeer_hide">Reindeer Hide</option>
      <option value="rock_wall_wool">Rock Wall Wool</option>
      <option value="sealskin">Sealskin</option>
      <option value="snowfield_bear_skin">Snowfield Bear Skin</option>
      <option value="tundra_deer_hide">Tundra Deer Hide</option>
      <option value="valley_cowhide">Valley Cowhide</option>
      <option value="velvet">Velvet</option>
      <option value="wasteland_wolf_skin">Wasteland Wolf Skin</option>
      <option value="wolf_skin">Wolf Skin</option>
      <option value="wool">Wool</option>
      <option value="lunar_deer_hide">Lunar Deer Hide</option>
      <option value="lunar_wolf_skin">Lunar Wolf Skin</option>
      <option value="lunar_rabbit_fur">Lunar Rabbit Fur</option>
      <option value="lunar_wool">Lunar Wool</option>
    </select>
   </div>
   <div id="glovesOutput" class="output" style="display:none;"></div>
</div>


.mw-ui-title {
<!-- BOOTS -->
   font-weight: 700;
<div id="t5" class="mw-tab-content">
  margin-bottom: 8px;
   <div class="dropdown">
}
    <select id="bootsSelect">
 
      <option value="">Select Item</option>
.mw-ui-line {
      <option value="beach_crocodile_skin">Beach Crocodile Skin</option>
  padding: 6px 0;
      <option value="bear_skin">Bear Skin</option>
  border-top: 1px solid #1a222b;
      <option value="cave_bear_skin">Cave Bear Skin</option>
}
      <option value="coastal_bay_crocodile_skin">Coastal Bay Crocodile Skin</option>
.mw-ui-line:first-child { border-top: none; }
      <option value="cowhide">Cowhide</option>
</style>
      <option value="crocodile_hide">Crocodile Hide</option>
 
      <option value="deer_hide">Deer Hide</option>
<div class="mw-tab-buttons">
      <option value="desert_fox_skin">Desert Fox Skin</option>
  <div class="mw-tab-btn active" data-tab="helmet">Helmet</div>
      <option value="dreamy_rabbit_fur">Dreamy Rabbit Fur</option>
  <div class="mw-tab-btn" data-tab="top">Top</div>
      <option value="floating_ice_bear_skin">Floating Ice Bear Skin</option>
  <div class="mw-tab-btn" data-tab="bottoms">Bottoms</div>
      <option value="forest_deer_hide">Forest Deer Hide</option>
  <div class="mw-tab-btn" data-tab="gloves">Gloves</div>
      <option value="fox_skin">Fox Skin</option>
  <div class="mw-tab-btn" data-tab="boots">Boots</div>
      <option value="golden_wool">Golden Wool</option>
   <div class="mw-tab-btn" data-tab="mask">Mask</div>
      <option value="grassland_wolf_skin">Grassland Wolf Skin</option>
      <option value="hide">Hide</option>
      <option value="highland_deer_hide">Highland Deer Hide</option>
      <option value="jungle_wolf_skin">Jungle Wolf Skin</option>
      <option value="lucky_rabbit_fur">Lucky Rabbit Fur</option>
      <option value="mountain_cowhide">Mountain Cowhide</option>
      <option value="mountain_wool">Mountain Wool</option>
      <option value="polar_fox_skin">Polar Fox Skin</option>
      <option value="rabbit_fur">Rabbit Fur</option>
      <option value="reindeer_hide">Reindeer Hide</option>
      <option value="rock_wall_wool">Rock Wall Wool</option>
      <option value="sealskin">Sealskin</option>
      <option value="snowfield_bear_skin">Snowfield Bear Skin</option>
      <option value="tundra_deer_hide">Tundra Deer Hide</option>
      <option value="valley_cowhide">Valley Cowhide</option>
      <option value="velvet">Velvet</option>
      <option value="wasteland_wolf_skin">Wasteland Wolf Skin</option>
      <option value="wolf_skin">Wolf Skin</option>
      <option value="wool">Wool</option>
      <option value="lunar_deer_hide">Lunar Deer Hide</option>
      <option value="lunar_wolf_skin">Lunar Wolf Skin</option>
      <option value="lunar_rabbit_fur">Lunar Rabbit Fur</option>
      <option value="lunar_wool">Lunar Wool</option>
    </select>
  </div>
   <div id="bootsOutput" class="output" style="display:none;"></div>
</div>
</div>


<div id="helmet" class="mw-tab-content active">
<!-- MASK -->
   <select id="helmetSelect" class="mw-ui-select">
<div id="t6" class="mw-tab-content">
    <option value="">Select Helmet</option>
   <div class="dropdown">
    <option value="bear">Bear Skin</option>
    <select id="maskSelect">
    <option value="cowhide">Cowhide</option>
      <option value="">Select Item</option>
    <option value="hide">Hide</option>
      <option value="beach_crocodile_skin">Beach Crocodile Skin</option>
   </select>
      <option value="bear_skin">Bear Skin</option>
   <div id="helmetOutput" class="mw-ui-output" style="display:none;"></div>
      <option value="cave_bear_skin">Cave Bear Skin</option>
      <option value="coastal_bay_crocodile_skin">Coastal Bay Crocodile Skin</option>
      <option value="cowhide">Cowhide</option>
      <option value="crocodile_hide">Crocodile Hide</option>
      <option value="deer_hide">Deer Hide</option>
      <option value="desert_fox_skin">Desert Fox Skin</option>
      <option value="dreamy_rabbit_fur">Dreamy Rabbit Fur</option>
      <option value="floating_ice_bear_skin">Floating Ice Bear Skin</option>
      <option value="forest_deer_hide">Forest Deer Hide</option>
      <option value="fox_skin">Fox Skin</option>
      <option value="golden_wool">Golden Wool</option>
      <option value="grassland_wolf_skin">Grassland Wolf Skin</option>
      <option value="hide">Hide</option>
      <option value="highland_deer_hide">Highland Deer Hide</option>
      <option value="jungle_wolf_skin">Jungle Wolf Skin</option>
      <option value="lucky_rabbit_fur">Lucky Rabbit Fur</option>
      <option value="mountain_cowhide">Mountain Cowhide</option>
      <option value="mountain_wool">Mountain Wool</option>
      <option value="polar_fox_skin">Polar Fox Skin</option>
      <option value="rabbit_fur">Rabbit Fur</option>
      <option value="reindeer_hide">Reindeer Hide</option>
      <option value="rock_wall_wool">Rock Wall Wool</option>
      <option value="sealskin">Sealskin</option>
      <option value="snowfield_bear_skin">Snowfield Bear Skin</option>
      <option value="tundra_deer_hide">Tundra Deer Hide</option>
      <option value="valley_cowhide">Valley Cowhide</option>
      <option value="velvet">Velvet</option>
      <option value="wasteland_wolf_skin">Wasteland Wolf Skin</option>
      <option value="wolf_skin">Wolf Skin</option>
      <option value="wool">Wool</option>
      <option value="lunar_deer_hide">Lunar Deer Hide</option>
      <option value="lunar_wolf_skin">Lunar Wolf Skin</option>
      <option value="lunar_rabbit_fur">Lunar Rabbit Fur</option>
      <option value="lunar_wool">Lunar Wool</option>
    </select>
   </div>
   <div id="maskOutput" class="output" style="display:none;"></div>
</div>
</div>
<div id="top" class="mw-tab-content">Top content</div>
<div id="bottoms" class="mw-tab-content">Bottoms content</div>
<div id="gloves" class="mw-tab-content">Gloves content</div>
<div id="boots" class="mw-tab-content">Boots content</div>
<div id="mask" class="mw-tab-content">Mask content</div>


</div>
</div>
Line 98: Line 305:


const helmetData = {
const helmetData = {
   bear: ["Fullness DMG Reduction", "DMG Reduction +3% when Energy is at 100"],
   bear_skin:      {label:"Bear Skin",                  content:"Fullness DMG Reduction; DMG Reduction +3% when Energy is at 100."},
   cowhide: ["Crit DMG Reduction +7%"],
  beach_croc:      {label:"Beach Crocodile Skin",      content:"Hydration DMG Reduction; DMG Reduction +4%; Lose Hydration 30% more quickly while in combat."},
   hide: ["Max HP +100"]
  cave_bear:      {label:"Cave Bear Skin",            content:"DMG Recovery; Upon taking DMG, expend 10 Energy to recover 10% HP; Cooldown: 30 seconds."},
  coastal_croc:    {label:"Coastal Bay Crocodile Skin", content:"Invisibility DMG Reduction; DMG Reduction +10% while invisible."},
   cowhide:         {label:"Cowhide",                    content:"Crit DMG Reduction; Crit DMG Reduction +7%."},
  crocodile_hide:  {label:"Crocodile Hide",            content:"Hydration Reduction; DMG Reduction +3% when Hydration is at 100."},
  desert_fox:      {label:"Desert Fox Skin",            content:"Non-Combat DMG Reduction; Recover 0.5% HP per second; Lose Hydration 50% more quickly."},
   hide:           {label:"Hide",                      content:"Max HP; Max HP +100."},
  military_helmet: {label:"Old Military Helmet",        content:"Max HP +75."},
  raw:            {label:"Raw Hide",                  content:"No perk applied."}
};
};


document.getElementById("helmetSelect").onchange = function () {
const topData = {
   const val = this.value;
  raw_hide:        {label:"Raw Hide",              content:"Head Resist; Heat Resist and Burn Resist +5"},
   const output = document.getElementById("helmetOutput");
  deer_hide:      {label:"Deer Hide",              content:"Cold Resist; Cold Resist and Frost Resist +5"},
  wolf_skin:      {label:"Wolf Skin",              content:"Max SP; Max Stamina +15"},
  rabbit_fur:      {label:"Rabbit Fur",            content:"Cold Resist; Cold Resist and Frost Resist +5"},
  wool:            {label:"Wool",                  content:"Cold Resist; Cold Resist and Frost Resist +10, Dampened duration +100%"},
  lunar_wool:      {label:"Lunar Wool",            content:"Cold Resist and Frost Resist +15. Gain immunity to Hypothermia when your HP is below 30%"},
  dreamfused_wool: {label:"Dreamfused Wool",        content:"Cold Resist; Cold Resist and Frost Resist +10. The effect doubles in the Dream Zone"},
  highland_deer:  {label:"Highland Deer Hide",    content:"Cold Resist; Cold Resist and Frost Resist +10, Sprint Speed +5%"},
  forest_deer:    {label:"Forest Deer Hide",      content:"Cold Resist; Cold Resist and Frost Resist +5. When noticed by an enemy, Sprint Speed -10%"},
  tundra_deer:    {label:"Tundra Deer Hide",      content:"Cold Resist; Cold Resist and Frost Resist +15"},
  wasteland_wolf:  {label:"Wasteland Wolf Skin",    content:"Max SP; Max Stamina +20, Sprint Speed +5%"},
  grassland_wolf:  {label:"Grassland Wolf Skin",    content:"Heat Resist; Heat Resist and Burn Resist +10, Max Stamina +15"},
  jungle_wolf:    {label:"Jungle Wolf Skin",      content:"Cold Resist; Cold Resist and Frost Resist +10, Max Stamina +15"},
  dreamy_rabbit:  {label:"Dreamy Rabbit Fur",      content:"Cold Resist; Cold Resist and Frost Resist +10, Heat Resist and Burn Resist +5"},
  lucky_rabbit:    {label:"Lucky Rabbit Fur",      content:"Cold Resist; Cold Resist and Frost Resist +10. DMG Reduction +5% when not in combat"},
  rock_wool:      {label:"Rock Wall Wool",        content:"Cold Resist; Cold Resist and Frost Resist +10 plus additional +3 per teammate"},
  mountain_wool:  {label:"Mountain Wool",          content:"Cold Resist; Cold Resist and Frost Resist +15, Dampened duration +100%"},
  golden_wool:    {label:"Golden Wool",            content:"Cold Resist; Cold Resist and Frost Resist +20, Heat Resist and Burn Resist -5"},
  bear_skin:      {label:"Bear Skin",              content:"Cold Resist; Cold Resist and Frost Resist +10. Recover 3% HP upon defeating an enemy at 10c or below."},
  floating_bear:  {label:"Floating Ice Bear Skin", content:"Cold Resist; Cold Resist and Frost Resist +15. Recover 5% HP upon defeating an enemy at 10c or below."},
  snowfield_bear:  {label:"Snowfield Bear Skin",    content:"Cold Resist; Cold Resist and Frost Resist +15. Roll Speed +10% at 10c or below"},
  cave_bear:      {label:"Cave Bear Skin",        content:"Cold Resist; Cold Resist and Frost Resist +10. Energy depletion rate -25% when in Cold Status"},
  crocodile:      {label:"Crocodile Hide",        content:"Heat Resist; Heat Resist and Burn Resist +1, Dampened duration +50%"},
  beach_croc:      {label:"Beach Crocodile Hide",  content:"Heat Resist; Heat Resist and Burn Resist +15, Dampened duration +50%, DMG Reduction +5% when Dampened"},
  coastal_croc:    {label:"Coastal Bat Crocodile",  content:"Heat Resist; Heat Resist and Burn Resist +15, Status DMG Reduction +5%"},
  fox_skin:        {label:"Fox Skin",              content:"Stealth Boost; Enemies take 10% longer to notice you"},
  polar_fox:      {label:"Polar Fox Skin",        content:"Stealth Boost; Enemies take 10% longer to notice you. DMG Reduction +5% when not in combat"},
  desert_fox:      {label:"Desert Fox Skin",        content:"Stealth Boost; Enemies take 15% longer to notice you"},
  hide:            {label:"Hide",                  content:"Cold Resist; Cold Resist and Frost Resist +5"},
  velvet:          {label:"Velvet",                content:"Cold Resist; Cold Resist and Frost Resist +15, Dampened duration +150%"},
  sealskin:        {label:"Sealskin",              content:"Cold Resist; Cold Resist and Frost Resist +10 plus additional +5 while Dampened"},
  reindeer:        {label:"Reindeer Hide",          content:"Cold Resist; Cold Resist and Frost Resist +5. Max Load +10"},
  cowhide:        {label:"Cowhide",                content:"Maximum Load; Max Load +20"},
  mountain_cow:    {label:"Mountain Cowhide",      content:"Cold Resist; Cold Resist and Frost Resist +15. Max Load +20"},
  valley_cow:      {label:"Valley Cowhide",        content:"Heat Resist; Heat Resist and Burn Resist +10 plus additional +5 while Dampened. Max Load +20"},
  lunar_deer:      {label:"Lunar Deer Hide",        content:"Cold Resist; Cold Resist and Frost Resist +10. Recover 5% Shield upon defeating an enemy when your HP is below 30% (Cooldown: 8s)"},
  lunar_wolf:      {label:"Lunar Wolf Skin",        content:"Max Stamina; Max Stamina +15; Hip Fire Movement Speed and Scoped-in Movement Speed +5%. The effect doubles if HP is below 30%"},
  lunar_rabbit:    {label:"Lunar Rabbit Fur",      content:"Temperature resistance; Cold Resist, Frost Resist, Heat Resist, and Burn Resist +5. The effect doubles if HP is below 30%"},
  dream_deer:      {label:"Dreamfused Deer Hide",  content:"Cold Resist; Cold Resist and Frost Resist +5. The effect double in the Dream Zone"},
   dream_wolf:      {label:"Dreamfused Wolf Skin",  content:"Max Stamina; Max Stamina +15. The effect doubles in the Dream Zone"},
  dream_rabbit:    {label:"Dreamfused Rabbit Fur",  content:"Temperature Resistance; Cold Resist and Frost Resist +5. The effect doubles in the Dream Zone"},
  dream_cow:      {label:"Dreamfused Cow Hide",    content:"Max Load; Max Load +20. The effect doubles in the Dream Zone"},
   starfall_fox:    {label:"Starfall Fox Skin",      content:"Stealth Boost; Enemies take 15% longer to notice you. Killing Enemies in midair restores 5 stamina"},
  starfall_down:  {label:"Starfall Down",          content:"Cold Resist; Cold Resist and Frost Resist +15, with an additional +5 while airborne"},
  starfall_croc:  {label:"Starfall Crocodile Skin",content:"Heat Resist; Heat Resist and Burn Resist +15, with an additional +5 while airborne"},
  starfall_cow:    {label:"Starfall Cowhide",      content:"Maximum Load; Max Load +20, Stamina recovers 5% faster while airborne"},
  bulletproof:    {label:"Bulletproof Vest",      content:"Weapon Reduction; Weapon DMG Reduction +2%"},
  life_vest:      {label:"Upgraded Life Vest",    content:"Swim Speed Increased; Swim Speed +10%"}
};


   if (!val) {
const bottomsData = {
     output.style.display = "none";
  beach_crocodile_skin:      {label:"Beach Crocodile Skin",      content:"Heat Resist and Burn Resist +15. Dampened duration +50%, DMG Reduction +5% while Dampened."},
    return;
  bear_skin:                {label:"Bear Skin",                  content:"Cold Resist and Frost Resist +10. Recover 3% HP upon defeating an enemy at 10°C or below."},
   }
  cave_bear_skin:            {label:"Cave Bear Skin",            content:"Cold Resist and Frost Resist +10. Energy depletion rate -25% when in Cold status."},
   coastal_bay_crocodile_skin:{label:"Coastal Bay Crocodile Skin", content:"Heat Resist and Burn Resist +15. Status DMG Reduction +5%."},
  cowhide:                  {label:"Cowhide",                    content:"Max Load +20"},
  crocodile_hide:            {label:"Crocodile Hide",            content:"Heat Resist and Burn Resist +10, Dampened duration +50%."},
  deer_hide:                {label:"Deer Hide",                  content:"Cold Resist and Frost Resist +5."},
  desert_fox_skin:          {label:"Desert Fox Skin",            content:"Enemies take 15% longer to notice you."},
  dreamy_rabbit_fur:        {label:"Dreamy Rabbit Fur",          content:"Cold Resist and Frost Resist +10, Heat Resist and Burn Resist +5."},
  floating_ice_bear_skin:    {label:"Floating Ice Bear Skin",     content:"Cold Resist and Frost Resist +15. Recover 5% HP upon defeating an enemy at 10°C or below."},
  forest_deer_hide:          {label:"Forest Deer Hide",          content:"Cold Resist and Frost Resist +5. When noticed by an enemy, Sprint Speed -10%."},
  fox_skin:                  {label:"Fox Skin",                  content:"Enemies take 10% longer to notice you."},
  golden_wool:              {label:"Golden Wool",                content:"Cold Resist and Frost Resist +20, Heat Resist and Burn Resist -5."},
  grassland_wolf_skin:      {label:"Grassland Wolf Skin",        content:"Heat Resist and Burn Resist +10, Max Stamina +15."},
  hide:                      {label:"Hide",                      content:"Cold Resist and Frost Resist +5."},
  highland_deer_hide:        {label:"Highland Deer Hide",        content:"Cold Resist and Frost Resist +10, Sprint Speed +5%."},
  jungle_wolf_skin:          {label:"Jungle Wolf Skin",          content:"Cold Resist and Frost Resist +10, Max Stamina +15."},
  lucky_rabbit_fur:          {label:"Lucky Rabbit Fur",          content:"Cold Resist and Frost Resist +10. DMG Reduction +5% when not in combat."},
  mountain_cowhide:          {label:"Mountain Cowhide",          content:"Cold Resist and Frost Resist +15, Max Load +20."},
  mountain_wool:            {label:"Mountain Wool",              content:"Cold Resist and Frost Resist +15, Dampened duration +100%."},
  polar_fox_skin:            {label:"Polar Fox Skin",            content:"Enemies take 10% longer to notice you. DMG Reduction +5% when not in combat."},
  rabbit_fur:                {label:"Rabbit Fur",                content:"Cold Resist and Frost Resist +5."},
  rawhide:                  {label:"Rawhide",                    content:"Heat Resist and Burn Resist +5."},
  reindeer_hide:            {label:"Reindeer Hide",              content:"Cold Resist and Frost Resist +5, Max Load +10."},
  rock_wall_wool:            {label:"Rock Wall Wool",            content:"Cold Resist and Frost Resist +10 plus an additional +3 per teammate."},
  sealskin:                  {label:"Sealskin",                  content:"Cold Resist and Frost Resist +10 plus an additional +5 while Dampened."},
  snowfield_bear_skin:      {label:"Snowfield Bear Skin",        content:"Cold Resist and Frost Resist +15. Roll Speed +10% at 10°C or below."},
  tundra_deer_hide:          {label:"Tundra Deer Hide",          content:"Cold Resist and Frost Resist +15."},
  valley_cowhide:            {label:"Valley Cowhide",            content:"Heat Resist and Burn Resist +10 plus an additional +5 while Dampened. Max Load +20."},
  velvet:                    {label:"Velvet",                    content:"Cold Resist and Frost Resist +15, Dampened duration +150%."},
  wasteland_wolf_skin:      {label:"Wasteland Wolf Skin",        content:"Max Stamina +20, Sprint Speed +5%."},
  wolf_skin_1:              {label:"Wolf Skin",                  content:"Max Stamina +15."},
  wool:                      {label:"Wool",                      content:"Cold Resist and Frost Resist +10, Dampened duration +100%."},
  lunar_deer_hide:          {label:"Lunar Deer Hide",            content:"Cold Resist and Frost Resist +10. Recover 5% Shield upon defeating an enemy when your HP is below 30%."},
  lunar_wolf_skin:          {label:"Lunar Wolf Skin",            content:"Max Stamina +15; Hip Fire Movement Speed and Scoped-in Movement Speed +5%. The effect doubles if HP is below 30%."},
  lunar_rabbit_fur:          {label:"Lunar Rabbit Fur",          content:"Cold Resist, Frost Resist, Heat Resist, and Burn Resist +5. The effect doubles if HP is below 30%."},
   lunar_wool:                {label:"Lunar Wool",                content:"Cold Resist and Frost Resist +15. Gain immunity to Hypothermia when your HP is below 30%."}
};


  const lines = helmetData[val];
const glovesData = {
  beach_crocodile_skin:      {label:"Beach Crocodile Skin",      content:"Logging and Mining yield +25% for the final strike only."},
  bear_skin:                {label:"Bear Skin",                  content:"Deer Meat, Beef, Goat Meat, and Pork yield +10%."},
  cave_bear_skin:            {label:"Cave Bear Skin",            content:"Deer Meat, Beef, Goat Meat, and Pork yield +15%."},
  coastal_bay_crocodile_skin:{label:"Coastal Bay Crocodile Skin", content:"Logging and Mining yield +25% for the final strike only."},
  cowhide:                  {label:"Cowhide",                    content:"Grain yield +10%."},
  crocodile_hide:            {label:"Crocodile Hide",            content:"Logging and Mining yield +20% for the final strike only."},
  deer_hide:                {label:"Deer Hide",                  content:"Logging and Mining Speed +10%."},
  desert_fox_skin:          {label:"Desert Fox Skin",            content:"Egg yield +15%."},
  dreamy_rabbit_fur:        {label:"Dreamy Rabbit Fur",          content:"Herb Seed yield +15%."},
  floating_ice_bear_skin:    {label:"Floating Ice Bear Skin",    content:"Deer Meat, Beef, Goat Meat, and Pork yield +15%."},
  forest_deer_hide:          {label:"Forest Deer Hide",          content:"Logging and Mining Speed +12%."},
  fox_skin:                  {label:"Fox Skin",                  content:"Egg yield +10%."},
  golden_wool:              {label:"Golden Wool",                content:"Gold Ore yield +20%, with a very small chance of yielding a Gold Ingot."},
  grassland_wolf_skin:      {label:"Grassland Wolf Skin",        content:"Poultry Meat and Rabbit Meat yield +15%."},
  hide:                      {label:"Hide",                      content:"Feather yield +10%"},
  highland_deer_hide:        {label:"Highland Deer Hide",        content:"Logging and Mining Speed +12%."},
  jungle_wolf_skin:          {label:"Jungle Wolf Skin",          content:"Poultry Meat and Rabbit Meat yield +15%."},
  lucky_rabbit_fur:          {label:"Lucky Rabbit Fur",          content:"Herb Seed yield +15%."},
  mountain_cowhide:          {label:"Mountain Cowhide",          content:"Grain yield +15%."},
  mountain_wool:            {label:"Mountain Wool",              content:"Herb yield +15%."},
  polar_fox_skin:            {label:"Polar Fox Skin",            content:"Egg yield +15%."},
  rabbit_fur:                {label:"Rabbit Fur",                content:"Herb Seed yield +10%."},
  reindeer_hide:            {label:"Reindeer Hide",              content:"Mushroom yield +10%."},
  rock_wall_wool:            {label:"Rock Wall Wool",            content:"Herb yield +15%."},
  sealskin:                  {label:"Sealskin",                  content:"Stamina +25 when holding a fishing rod."},
  snowfield_bear_skin:      {label:"Snowfield Bear Skin",        content:"Deer Meat, Beef, Goat Meat, and Pork yield +15%."},
  tundra_deer_hide:          {label:"Tundra Deer Hide",          content:"Logging and Mining Speed +12%."},
  valley_cowhide:            {label:"Valley Cowhide",            content:"Grain yield +15%."},
  velvet:                    {label:"Velvet",                    content:"Berry yield +10%."},
  wasteland_wolf_skin:      {label:"Wasteland Wolf Skin",        content:"Poultry Meat and Rabbit Meat yield +15%."},
  wolf_skin:                {label:"Wolf Skin",                  content:"Poultry Meat and Rabbit Meat yield +10%."},
  wool:                      {label:"Wool",                      content:"Herb yield +10%."},
  lunar_deer_hide:          {label:"Lunar Deer Hide",            content:"Lunar Whisper Yield +20%. The effect doubles if HP is below 30%."},
  lunar_wolf_skin:          {label:"Lunar Wolf Skin",            content:"Lunar Whisper Yield +20%. The effect doubles if HP is below 30%."},
  lunar_rabbit_fur:          {label:"Lunar Rabbit Fur",          content:"Lunar Whisper Yield +20%. The effect doubles if HP is below 30%."},
  lunar_wool:                {label:"Lunar Wool",                content:"Lunar Whisper Yield +20%. The effect doubles if HP is below 30%."}
};


   output.innerHTML =
const bootsData = {
     `<div class="mw-ui-title">${this.options[this.selectedIndex].text}</div>` +
   beach_crocodile_skin:      {label:"Beach Crocodile Skin",      content:"Roll Speed +20% when Stamina exceeds 80."},
    lines.map(l => `<div class="mw-ui-line">${l}</div>`).join("");
  bear_skin:                {label:"Bear Skin",                  content:"Movement Speed +8% at 10°C or below."},
  cave_bear_skin:            {label:"Cave Bear Skin",            content:"Movement Speed +20% when in any territory."},
  coastal_bay_crocodile_skin:{label:"Coastal Bay Crocodile Skin", content:"Roll Speed +12%."},
  cowhide:                  {label:"Cowhide",                    content:"Max Stamina +10."},
  crocodile_hide:            {label:"Crocodile Hide",            content:"Roll Speed +8%."},
  deer_hide:                {label:"Deer Hide",                  content:"Sprint Speed +6%."},
  desert_fox_skin:          {label:"Desert Fox Skin",            content:"Movement Speed +30% while crouched."},
  dreamy_rabbit_fur:        {label:"Dreamy Rabbit Fur",          content:"Jump Height +10%."},
  floating_ice_bear_skin:    {label:"Floating Ice Bear Skin",     content:"Movement Speed +15% at -10°C or below."},
  forest_deer_hide:          {label:"Forest Deer Hide",          content:"Sprint Speed +12%, but Sprinting Stamina cost +30%."},
  fox_skin:                  {label:"Fox Skin",                  content:"Movement Speed +16% while crouched."},
  golden_wool:              {label:"Golden Wool",                content:"Roll Speed fluctuates between +1% and +15% every second."},
  grassland_wolf_skin:      {label:"Grassland Wolf Skin",        content:"Movement Speed +8% when Stamina exceeds 80."},
  hide:                      {label:"Hide",                      content:"Movement Speed +30% when blacked out."},
  highland_deer_hide:        {label:"Highland Deer Hide",        content:"Sprint Speed +8%."},
  jungle_wolf_skin:          {label:"Jungle Wolf Skin",          content:"Movement Speed +30% while crouched."},
  lucky_rabbit_fur:          {label:"Lucky Rabbit Fur",          content:"Jump Height +15% when Double Jump is activated."},
  mountain_cowhide:          {label:"Mountain Cowhide",          content:"Max Stamina +15."},
  mountain_wool:            {label:"Mountain Wool",              content:"Climb Speed and Vault Speed +10%."},
  polar_fox_skin:            {label:"Polar Fox Skin",            content:"Movement Speed +50% while crouched at 10°C or below."},
  rabbit_fur:                {label:"Rabbit Fur",                content:"Jump Height +8%."},
  reindeer_hide:            {label:"Reindeer Hide",              content:"Max Load +10"},
  rock_wall_wool:            {label:"Rock Wall Wool",            content:"Climb Speed +15%."},
  sealskin:                  {label:"Sealskin",                  content:"Swim Speed +15%."},
  snowfield_bear_skin:      {label:"Snowfield Bear Skin",        content:"Movement Speed +12% at 10°C or below."},
  tundra_deer_hide:          {label:"Tundra Deer Hide",          content:"Sprinting Stamina cost -50%."},
  valley_cowhide:            {label:"Valley Cowhide",            content:"Stamina Recovery Speed +20%."},
  velvet:                    {label:"Velvet",                    content:"Descent Speed 10% while gliding."},
  wasteland_wolf_skin:      {label:"Wasteland Wolf Skin",        content:"Movement Speed +6%."},
  wolf_skin:                {label:"Wolf Skin",                  content:"Movement Speed +4%."},
  wool:                      {label:"Wool",                      content:"Climb Speed +10%."},
  lunar_deer_hide:          {label:"Lunar Deer Hide",            content:"Sprint Speed +7%. The effect doubles if HP is below 30%."},
  lunar_wolf_skin:          {label:"Lunar Wolf Skin",            content:"Movement Speed +5%. The effect doubles if HP is below 30%."},
  lunar_rabbit_fur:          {label:"Lunar Rabbit Fur",          content:"Jump Height +8%. The effect doubles if HP is below 30%."},
  lunar_wool:                {label:"Lunar Wool",                content:"Roll Speed +8%. The effect doubles if HP is below 30%."}
};


   output.style.display = "block";
const maskData = {
  beach_crocodile_skin:      {label:"Beach Crocodile Skin",      content:"Melee Crit Rate +7%."},
  bear_skin:                {label:"Bear Skin",                  content:"Frost Elemental DMG +5%."},
  cave_bear_skin:            {label:"Cave Bear Skin",            content:"Elemental DMG +7% while crouched."},
   coastal_bay_crocodile_skin:{label:"Coastal Bay Crocodile Skin", content:"Crit DMG +10% while invisible."},
  cowhide:                  {label:"Cowhide",                    content:"Physical DMG +5% when Stamina is at least 100."},
  crocodile_hide:            {label:"Crocodile Hide",            content:"Melee DMG +10%"},
  deer_hide:                {label:"Deer Hide",                  content:"Impact DMG +12%."},
  desert_fox_skin:          {label:"Desert Fox Skin",            content:"Crit DMG +10% when not in combat"},
  dreamy_rabbit_fur:        {label:"Dreamy Rabbit Fur",          content:"Elemental DMG +6%."},
  floating_ice_bear_skin:    {label:"Floating Ice Bear Skin",    content:"Frost Elemental DMG +8% when Energy is at 100."},
  forest_deer_hide:          {label:"Forest Deer Hide",          content:"Impact Crit Rate +20%."},
  fox_skin:                  {label:"Fox Skin",                  content:"Crit DMG +6% when not in combat."},
  golden_wool:              {label:"Golden Wool",                content:"Weapon DMG and Status DMG +12% in total between them, with the proportion changing every second."},
  grassland_wolf_skin:      {label:"Grassland Wolf Skin",        content:"Weakspot DMG +4.5%."},
  hide:                      {label:"Hide",                      content:"Melee DMG +8%."},
  highland_deer_hide:        {label:"Highland Deer Hide",        content:"Impact DMG +10%. Effect is doubled when Sprint Speed exceeds 120%."},
  jungle_wolf_skin:          {label:"Jungle Wolf Skin",          content:"Weapon DMG +6% when Stamina is below 60."},
  lucky_rabbit_fur:          {label:"Lucky Rabbit Fur",          content:"After scoring a Crit, Elemental DMG +10% for 3s."},
  mountain_cowhide:          {label:"Mountain Cowhide",          content:"Physical DMG +8% when Stamina is at least 120."},
  mountain_wool:            {label:"Mountain Wool",              content:"Status DMG +6% when Stamina exceeds 90."},
  polar_fox_skin:            {label:"Polar Fox Skin",            content:"Crit Rate +5% when not in combat."},
  rabbit_fur:                {label:"Rabbit Fur",                content:"Elemental DMG +4%."},
  reindeer_hide:            {label:"Reindeer Hide",              content:"Melee DMG +12% when Load exceeds 80."},
  rock_wall_wool:            {label:"Rock Wall Wool",            content:"Status DMG +6% while moving."},
  sealskin:                  {label:"Sealskin",                  content:"Weapon DMG +8% while Dampened."},
  snowfield_bear_skin:      {label:"Snowfield Bear Skin",        content:"Shock Elemental DMG +8% when Energy is below 60."},
  tundra_deer_hide:          {label:"Tundra Deer Hide",          content:"Impact DMG +15%."},
  valley_cowhide:            {label:"Valley Cowhide",            content:"Recover 30 Stamina when Stamina falls below 30. Cooldown: 30 seconds."},
  velvet:                    {label:"Velvet",                    content:"Status DMG +10% while Dampened"},
  wasteland_wolf_skin:      {label:"Wasteland Wolf Skin",        content:"Weakspot DMG +6% when Stamina exceeds 90."},
  wolf_skin:                {label:"Wolf Skin",                  content:"Weakspot DMG +3%."},
  wool:                      {label:"Wool",                      content:"Status DMG +4%."},
  lunar_deer_hide:          {label:"Lunar Deer Hide",            content:"Impact DMG +13%. The effect doubles if HP is below 30%."},
  lunar_wolf_skin:          {label:"Lunar Wolf Skin",            content:"Weakspot DMG +4%. The effect doubles if HP is below 30%."},
  lunar_rabbit_fur:          {label:"Lunar Rabbit Fur",          content:"Elemental DMG +5%. The effect doubles if HP is below 30%."},
  lunar_wool:                {label:"Lunar Wool",                content:"For every 10% decrease in HP, Status DMG +1.5%, up to 10.5%"}
};
};
function bindDropdown(selectId, outputId, dataset) {
  document.getElementById(selectId).onchange = function() {
    const val = this.value;
    const output = document.getElementById(outputId);
    if (!val) { output.style.display="none"; return; }
    const item = dataset[val];
    output.innerHTML = `<div class="output-title">${item.label}</div><div class="output-line">${item.content}</div>`;
    output.style.display = "block";
  };
}
bindDropdown("helmetSelect",  "helmetOutput",  helmetData);
bindDropdown("topSelect",    "topOutput",    topData);
bindDropdown("bottomsSelect", "bottomsOutput", bottomsData);
bindDropdown("glovesSelect",  "glovesOutput",  glovesData);
bindDropdown("bootsSelect",  "bootsOutput",  bootsData);
bindDropdown("maskSelect",    "maskOutput",    maskData);
</script>
</script>
</html>

Latest revision as of 13:49, 24 April 2026

Return to Load Out Main Page

Helmet
Top
Bottoms
Gloves
Boots
Mask

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