684 lines
30 KiB
HTML
684 lines
30 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<!-- metadata -->
|
|
<meta charset="utf-8" />
|
|
<meta name="language" content="english" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="stylesheet" href="style/main.css" />
|
|
<!-- title and description -->
|
|
<title>Weapon Finder - Erdtree</title>
|
|
<link rel="icon" type="image/x-icon " href="/resource/favicon.ico">
|
|
<meta name="description"
|
|
content="Erdtree - Elden Ring build planner, armor optimizer, weapon finder and more!" />
|
|
<meta property="og:title" content="Erdtree Build Planner" />
|
|
<meta property="og:description"
|
|
content="Erdtree - Elden Ring build planner, armor optimizer, weapon finder and more!" />
|
|
<meta property="og:url" content="https://erdtree.palmoe.dk" />
|
|
<!-- scripts -->
|
|
<script src="/script/weapon.js"></script>
|
|
</head>
|
|
|
|
<body onload="init();">
|
|
<nav>
|
|
<h1><a href="/">Elden Ring Build Planner</a></h1>
|
|
<ul>
|
|
<li><a href="/planner.html">Build Planner</a></li>
|
|
</ul>
|
|
</nav>
|
|
<header>
|
|
<h1>Weapon Finder</h1>
|
|
</header>
|
|
<main>
|
|
<div class="app">
|
|
<!-- parameters -->
|
|
<article style="flex-basis: 20%">
|
|
<div>
|
|
<b>Parameters</b>
|
|
<button onclick="resetAll()" style="margin-bottom: 0px">
|
|
Reset All
|
|
</button>
|
|
</div>
|
|
<hr />
|
|
<div>
|
|
<label for="str">Strength</label>
|
|
<input id="str" type="number" name="stat" value="10" min="0"
|
|
max="99" onchange="update()" />
|
|
</div>
|
|
<div>
|
|
<label for="dex">Dexterity</label>
|
|
<input id="dex" type="number" name="stat" value="10" min="0"
|
|
max="99" onchange="update()" />
|
|
</div>
|
|
<div>
|
|
<label for="int">Intelligence</label>
|
|
<input id="int" type="number" name="stat" value="10" min="0"
|
|
max="99" onchange="update()" />
|
|
</div>
|
|
<div>
|
|
<label for="fth">Faith</label>
|
|
<input id="fth" type="number" name="stat" value="10" min="0"
|
|
max="99" onchange="update()" />
|
|
</div>
|
|
<div>
|
|
<label for="arc">Arcane</label>
|
|
<input id="arc" type="number" name="stat" value="10" min="0"
|
|
max="99" onchange="update()" />
|
|
</div>
|
|
<hr />
|
|
<div>
|
|
<span>
|
|
<input type="radio" id="max-upgrade"
|
|
name="upgrade-level" onchange="update()" checked />
|
|
<label for="max-upgrade">Reinforced (+10 or +25)</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="radio" id="min-upgrade"
|
|
name="upgrade-level" onchange="update()" />
|
|
<label for="min-upgrade">Not Reinforced (+0)</label>
|
|
</span>
|
|
</div>
|
|
<hr />
|
|
<div>
|
|
<span>
|
|
<input id="requirements" type="checkbox"
|
|
onchange="update()" checked />
|
|
<label for="requirements">Requirements Met</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="buffable"
|
|
onchange="update()" />
|
|
<label for="buffable">Buffable Only</label>
|
|
</span>
|
|
</div>
|
|
<hr>
|
|
<b>Handedness</b>
|
|
<div>
|
|
<span>
|
|
<input type="radio" id="2h-never" name="handedness"
|
|
onchange="update()" checked>
|
|
<label for="2h-never">One-handing</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="radio" id="2h-sometimes" name="handedness"
|
|
onchange="update()" />
|
|
<label for="2h-sometimes">Usable
|
|
One-Handed</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="2h-always" type="radio" name="handedness"
|
|
onchange="update()" name="two-handing" />
|
|
<label for="2h-always">Two-handing</label>
|
|
</span>
|
|
</div>
|
|
<hr />
|
|
<div>
|
|
<b>Infusions</b>
|
|
<span>
|
|
<button onclick="setAll('infusion', true)">Any</button>
|
|
<button
|
|
onclick="setAll('infusion', false)">None</button>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="standard-infusion" value="standard"
|
|
type="checkbox" name="infusion" onchange="update()"
|
|
checked />
|
|
<label for="standard-infusion">Standard</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="heavy-infusion" value="heavy" type="checkbox"
|
|
name="infusion" onchange="update()" checked />
|
|
<label for="heavy-infusion">Heavy</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="keen-infusion" value="keen" type="checkbox"
|
|
name="infusion" onchange="update()" checked />
|
|
<label for="keen-infusion">Keen</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="quality-infusion" value="quality"
|
|
type="checkbox" name="infusion" onchange="update()"
|
|
checked />
|
|
<label for="quality-infusion">Quality</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="fire-infusion" value="fire" type="checkbox"
|
|
name="infusion" onchange="update()" checked />
|
|
<label for="fire-infusion">Fire</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="flame-art-infusion" value="flame-art"
|
|
type="checkbox" name="infusion" onchange="update()"
|
|
checked />
|
|
<label for="flame-art-infusion">Flame Art</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="lightning-infusion" value="lightning"
|
|
type="checkbox" name="infusion" onchange="update()"
|
|
checked />
|
|
<label for="lightning-infusion">Lightning</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="sacred-infusion" value="sacred"
|
|
type="checkbox" name="infusion" onchange="update()"
|
|
checked />
|
|
<label for="sacred-infusion">Sacred</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="magic-infusion" value="magic" type="checkbox"
|
|
name="infusion" onchange="update()" checked />
|
|
<label for="magic-infusion">Magic</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="cold-infusion" value="cold" type="checkbox"
|
|
name="infusion" onchange="update()" checked />
|
|
<label for="cold-infusion">Cold</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="poison-infusion" value="poison"
|
|
type="checkbox" name="infusion" onchange="update()"
|
|
checked />
|
|
<label for="poison-infusion">Poison</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="blood-infusion" value="blood" type="checkbox"
|
|
name="infusion" onchange="update()" checked />
|
|
<label for="blood-infusion">Blood</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="occult-infusion" value="occult"
|
|
type="checkbox" name="infusion" onchange="update()"
|
|
checked />
|
|
<label for="occult-infusion">Occult</label>
|
|
</span>
|
|
</div>
|
|
<hr />
|
|
<!-- damage types -->
|
|
<b>Damage Types</b>
|
|
<div>
|
|
<span>
|
|
<input id="physical-type" type="checkbox"
|
|
name="damage-type" disabled />
|
|
<label for="physical-type">Physical Damage</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="magic-type" type="checkbox"
|
|
name="damage-type" disabled />
|
|
<label for="magic-type">Magic Damage</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="fire-type" type="checkbox" name="damage-type"
|
|
disabled />
|
|
<label for="fire-type">Fire Damage</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="lightning-type" type="checkbox"
|
|
name="damage-type" disabled />
|
|
<label for="lightning-type">Lightning Damage</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input id="holy-type" type="checkbox" name="damage-type"
|
|
disabled />
|
|
<label for="holy-type">Holy Damage</label>
|
|
</span>
|
|
</div>
|
|
</article>
|
|
<!-- results -->
|
|
<article style="flex-basis: 55%; min-width: 700px">
|
|
<b>Results</b>
|
|
<hr />
|
|
<template id="weapon">
|
|
<tr>
|
|
<td>
|
|
<a target="_blank"></a>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</template>
|
|
<div>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th style="min-width: 2rem">
|
|
<b style="user-select: none">Weapon</b>
|
|
</th>
|
|
<th>
|
|
<b onclick="changeSort('max')"
|
|
onmouseover="this.style.cursor = 'pointer'"
|
|
style="user-select: none">
|
|
Max
|
|
</b>
|
|
</th>
|
|
<th id="standard" name="damage-result">
|
|
<input type="image"
|
|
src="/resource/icon/standard.jpg"
|
|
height="25px" title="Standard"
|
|
alt="Standard"
|
|
onclick="changeSort('standard')" />
|
|
</th>
|
|
<th id="heavy" name="damage-result">
|
|
<input type="image"
|
|
src="/resource/icon/heavy.jpg"
|
|
height="25px" title="Heavy" alt="Heavy"
|
|
onclick="changeSort('heavy')" />
|
|
</th>
|
|
<th id="keen" name="damage-result">
|
|
<input type="image"
|
|
src="/resource/icon/keen.jpg"
|
|
height="25px" title="Keen" alt="Keen"
|
|
onclick="changeSort('keen')" />
|
|
</th>
|
|
<th id="quality" name="damage-result">
|
|
<input type="image"
|
|
src="/resource/icon/quality.jpg"
|
|
height="25px" title="Quality"
|
|
alt="Quality"
|
|
onclick="changeSort('quality')" />
|
|
</th>
|
|
<th id="fire" name="damage-result">
|
|
<input type="image"
|
|
src="/resource/icon/fire.jpg"
|
|
height="25px" title="Fire" alt="Fire"
|
|
onclick="changeSort('fire')" />
|
|
</th>
|
|
<th id="flame-art" name="damage-result">
|
|
<input type="image"
|
|
src="/resource/icon/flame-art.jpg"
|
|
height="25px" title="Flame Art"
|
|
alt="Flame Art"
|
|
onclick="changeSort('flame-art')" />
|
|
</th>
|
|
<th id="lightning" name="damage-result">
|
|
<input type="image"
|
|
src="/resource/icon/lightning.jpg"
|
|
height="25px" title="Lightning"
|
|
alt="Lightning"
|
|
onclick="changeSort('lightning')" />
|
|
</th>
|
|
<th id="sacred" name="damage-result">
|
|
<input type="image"
|
|
src="/resource/icon/sacred.jpg"
|
|
height="25px" title="Sacred"
|
|
alt="Sacred"
|
|
onclick="changeSort('sacred')" />
|
|
</th>
|
|
<th id="magic" name="damage-result">
|
|
<input type="image"
|
|
src="/resource/icon/magic.jpg"
|
|
height="25px" title="Magic" alt="Magic"
|
|
onclick="changeSort('magic')" />
|
|
</th>
|
|
<th id="cold" name="damage-result">
|
|
<input type="image"
|
|
src="/resource/icon/cold.jpg"
|
|
height="25px" title="Cold" alt="Cold"
|
|
onclick="changeSort('cold')" />
|
|
</th>
|
|
<th id="poison" name="damage-result">
|
|
<input type="image"
|
|
src="/resource/icon/poison.jpg"
|
|
height="25px" title="Poison"
|
|
alt="Poison"
|
|
onclick="changeSort('poison')" />
|
|
</th>
|
|
<th id="blood" name="damage-result">
|
|
<input type="image"
|
|
src="/resource/icon/blood.jpg"
|
|
height="25px" title="Blood" alt="Blood"
|
|
onclick="changeSort('blood')" />
|
|
</th>
|
|
<th id="occult" name="damage-result">
|
|
<input type="image"
|
|
src="/resource/icon/occult.jpg"
|
|
height="25px" title="Occult"
|
|
alt="Occult"
|
|
onclick="changeSort('occult')" />
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="weapons"></tbody>
|
|
</table>
|
|
</div>
|
|
</article>
|
|
<!-- categories -->
|
|
<article style="flex-basis: 20%">
|
|
<div>
|
|
<b>Categories</b>
|
|
<span>
|
|
<button onclick="setAll('category', true)">Any</button>
|
|
<button
|
|
onclick="setAll('category', false)">None</button>
|
|
</span>
|
|
</div>
|
|
<hr />
|
|
<div>
|
|
<b>Weapons</b>
|
|
<span>
|
|
<button onclick="setAll('weapon', true)">Any</button>
|
|
<button onclick="setAll('weapon', false)">None</button>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="dagger" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="dagger">Daggers</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="straight-sword"
|
|
name="category" class="weapon" onchange="update()"
|
|
checked />
|
|
<label for="straight-sword">Straight Swords</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="greatsword" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="greatsword">Greatswords</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="colossal-sword"
|
|
name="category" class="weapon" onchange="update()"
|
|
checked />
|
|
<label for="colossal-sword">Colossal Swords</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="thrusting-sword"
|
|
name="category" class="weapon" onchange="update()"
|
|
checked />
|
|
<label for="thrusting-sword">Thrusting Swords</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="heavy-thrusting-sword"
|
|
name="category" class="weapon" onchange="update()"
|
|
checked />
|
|
<label for="heavy-thrusting-sword">Heavy Thrusting
|
|
Swords</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="curved-sword" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="curved-sword">Curved Swords</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="curved-greatsword"
|
|
name="category" class="weapon" onchange="update()"
|
|
checked />
|
|
<label for="curved-greatsword">Curved
|
|
Greatswords</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="katana" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="katana">Katanas</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="twinblade" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="twinblade">Twinblades</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="hammer" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="hammer">Hammers</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="great-hammer" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="great-hammer">Great Hammers</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="flail" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="flail">Flails</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="axe" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="axe">Axes</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="greataxe" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="greataxe">Greataxes</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="spear" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="spear">Spears</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="great-spear" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="great-spear">Great Spears</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="halberd" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="halberd">Halberds</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="scythe" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="scythe">Scythes</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="whip" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="whip">Whips</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="fist" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="fist">Fists</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="claw" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="claw">Claws</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="colossal-weapon"
|
|
name="category" class="weapon" onchange="update()"
|
|
checked />
|
|
<label for="colossal-weapon">Colossal Weapons</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="torch" name="category"
|
|
class="weapon" onchange="update()" checked />
|
|
<label for="torch">Torches</label>
|
|
</span>
|
|
</div>
|
|
<hr />
|
|
<div>
|
|
<b>Ranged</b>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="light-bow" name="category" />
|
|
<label for="light-bow">Light Bows</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="bow" name="category" />
|
|
<label for="bow">Bows</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="greatbow" name="category" />
|
|
<label for="greatbow">Greatbows</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="crossbow" name="category" />
|
|
<label for="crossbow">Crossbows</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="ballistas" name="category" />
|
|
<label for="ballistas">Ballistas</label>
|
|
</span>
|
|
</div>
|
|
<hr />
|
|
<div>
|
|
<b>Shields</b>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="small-shield"
|
|
name="category" />
|
|
<label for="small-shield">Small Shields</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="medium-shield"
|
|
name="category" />
|
|
<label for="medium-shield">Medium Shields</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="greatshield"
|
|
name="category" />
|
|
<label for="greatshield">Greatshields</label>
|
|
</span>
|
|
</div>
|
|
<hr />
|
|
<div>
|
|
<b>Catalysts</b>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="glintstone-staff"
|
|
name="category" />
|
|
<label for="glintstone-staff">Glintstone Staves</label>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<span>
|
|
<input type="checkbox" id="sacred-seal"
|
|
name="category" />
|
|
<label for="sacred-seal">Sacred Seals</label>
|
|
</span>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</main>
|
|
<footer>
|
|
<h5>
|
|
Erdtree Planner (
|
|
<a href="https://git.palmoe.dk/vodofrede/erdtree">available under
|
|
BSD-3-Clause license</a>
|
|
)
|
|
</h5>
|
|
<h5>Copyright 2022 vodofrede</h5>
|
|
</footer>
|
|
</body>
|
|
|
|
</html> |