Jump to content

Gear Hides Test: Difference between revisions

From Once Human Guide
← Older editNewer edit →
Bones (talk | contribs)
Bureaucrats, Interface administrators, Administrators
1,328 edits
No edit summary
No edit summary
Line 29: Line 29:
</div>
</div>


<!-- HELMET -->
<div id="t1" class="mw-tab-content active">
<div id="t1" class="mw-tab-content active">
   <div class="dropdown">
   <div class="dropdown">
Line 48: Line 49:
</div>
</div>


<!-- TOP -->
<div id="t2" class="mw-tab-content">
<div id="t2" class="mw-tab-content">
   <div class="dropdown"><select id="topSelect"><option value="">Select Item</option></select></div>
   <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 id="topOutput" class="output" style="display:none;"></div>
</div>
</div>
<!-- BOTTOMS -->
<div id="t3" class="mw-tab-content">
<div id="t3" class="mw-tab-content">
   <div class="dropdown"><select id="bottomsSelect"><option value="">Select Item</option></select></div>
   <div class="dropdown"><select id="bottomsSelect"><option value="">Select Item</option></select></div>
   <div id="bottomsOutput" class="output" style="display:none;"></div>
   <div id="bottomsOutput" class="output" style="display:none;"></div>
</div>
</div>
<!-- GLOVES -->
<div id="t4" class="mw-tab-content">
<div id="t4" class="mw-tab-content">
   <div class="dropdown"><select id="glovesSelect"><option value="">Select Item</option></select></div>
   <div class="dropdown"><select id="glovesSelect"><option value="">Select Item</option></select></div>
   <div id="glovesOutput" class="output" style="display:none;"></div>
   <div id="glovesOutput" class="output" style="display:none;"></div>
</div>
</div>
<!-- BOOT -->
<div id="t5" class="mw-tab-content">
<div id="t5" class="mw-tab-content">
   <div class="dropdown"><select id="bootSelect"><option value="">Select Item</option></select></div>
   <div class="dropdown"><select id="bootSelect"><option value="">Select Item</option></select></div>
   <div id="bootOutput" class="output" style="display:none;"></div>
   <div id="bootOutput" class="output" style="display:none;"></div>
</div>
</div>
<!-- MASK -->
<div id="t6" class="mw-tab-content">
<div id="t6" class="mw-tab-content">
   <div class="dropdown"><select id="maskSelect"><option value="">Select Item</option></select></div>
   <div class="dropdown"><select id="maskSelect"><option value="">Select Item</option></select></div>
Line 82: Line 144:


const helmetData = {
const helmetData = {
   bear_skin:      { label:"Bear Skin",                   content:"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." },
   beach_croc:    { label:"Beach Crocodile Skin",         content:"Hydration DMG Reduction; DMG Reduction +4%; Lose Hydration 30% more quickly while in combat." },
   beach_croc:    { label:"Beach Crocodile Skin",       content:"Hydration DMG Reduction; DMG Reduction +4%; Lose Hydration 30% more quickly while in combat." },
   cave_bear:      { label:"Cave Bear Skin",               content:"DMG Recovery; Upon taking DMG, expend 10 Energy to recover 10% HP; Cooldown: 30 seconds." },
   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." },
   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%." },
   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." },
   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." },
   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." },
   hide:          { label:"Hide",                       content:"Max HP; Max HP +100." },
   military_helmet:{ label:"Old Military Helmet",         content:"Max HP +75." },
   military_helmet:{ label:"Old Military Helmet",       content:"Max HP +75." },
   raw:            { label:"Raw Hide",                     content:"No perk applied." }
   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" },
   if (!val) { output.style.display="none"; return; }
  wolf_skin:      { label:"Wolf Skin",              content:"Max SP; Max Stamina +15" },
   const item = helmetData[val];
  rabbit_fur:    { label:"Rabbit Fur",            content:"Cold Resist; Cold Resist and Frost Resist +5" },
   output.innerHTML = `<div class="output-title">${item.label}</div><div class="output-line">${item.content}</div>`;
  wool:          { label:"Wool",                  content:"Cold Resist; Cold Resist and Frost Resist +10, Dampened duration +100%" },
   output.style.display = "block";
  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%" }
};
};


function bindSelect(selectId, outputId) {
function bindDropdown(selectId, outputId, dataset) {
   document.getElementById(selectId).onchange = function() {
   document.getElementById(selectId).onchange = function() {
    const val = this.value;
     const output = document.getElementById(outputId);
     const output = document.getElementById(outputId);
     output.style.display = "none";
     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";
   };
   };
}
}


bindSelect("topSelect","topOutput");
bindDropdown("helmetSelect", "helmetOutput", helmetData);
bindSelect("bottomsSelect","bottomsOutput");
bindDropdown("topSelect",   "topOutput",   topData);
bindSelect("glovesSelect","glovesOutput");
bindSelect("bootSelect","bootOutput");
bindSelect("maskSelect","maskOutput");
</script>
</script>


</html>
</html>

Revision as of 13:29, 24 April 2026

Return to Front Page

Helmet
Top
Bottoms
Gloves
Boot
Mask

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