erdtree/src/weapon.html

889 lines
38 KiB
HTML
Raw Normal View History

2022-03-28 20:45:26 +02:00
<!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>Erdtree - Weapon Finder</title>
<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 -->
2022-04-07 01:37:00 +02:00
<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 -->
2022-04-07 01:35:26 +02:00
<article style="flex-basis: 20%">
<b>Parameters</b>
<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 id="2handing" type="checkbox" onchange="update()" />
<label for="2handing">2-handing (1.5x strength)</label>
</span>
</div>
<hr />
<div>
<b>Infusions</b>
<span>
2022-04-07 01:35:26 +02:00
<button onclick="setAll('infusion', true)">Any</button>
<button onclick="setAll('infusion', false)">None</button>
</span>
</div>
<div>
<span>
2022-04-07 01:35:26 +02:00
<input
id="standard-infusion"
value="standard"
type="checkbox"
name="infusion"
onchange="update()"
checked
/>
<label for="standard-infusion">Standard</label>
</span>
</div>
<div>
<span>
2022-04-07 01:35:26 +02:00
<input
id="heavy-infusion"
value="heavy"
type="checkbox"
name="infusion"
onchange="update()"
checked
/>
<label for="heavy-infusion">Heavy</label>
</span>
</div>
<div>
<span>
2022-04-07 01:35:26 +02:00
<input
id="keen-infusion"
value="keen"
type="checkbox"
name="infusion"
onchange="update()"
checked
/>
<label for="keen-infusion">Keen</label>
</span>
</div>
<div>
<span>
2022-04-07 01:35:26 +02:00
<input
id="quality-infusion"
value="quality"
type="checkbox"
name="infusion"
onchange="update()"
checked
/>
<label for="quality-infusion">Quality</label>
</span>
</div>
<div>
<span>
2022-04-07 01:35:26 +02:00
<input
id="fire-infusion"
value="fire"
type="checkbox"
name="infusion"
onchange="update()"
checked
/>
<label for="fire-infusion">Fire</label>
</span>
</div>
<div>
<span>
2022-04-07 01:35:26 +02:00
<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>
2022-04-07 01:35:26 +02:00
<input
id="lightning-infusion"
value="lightning"
type="checkbox"
name="infusion"
onchange="update()"
checked
/>
<label for="lightning-infusion">Lightning</label>
</span>
</div>
<div>
<span>
2022-04-07 01:35:26 +02:00
<input
id="sacred-infusion"
value="sacred"
type="checkbox"
name="infusion"
onchange="update()"
checked
/>
<label for="sacred-infusion">Sacred</label>
</span>
</div>
<div>
<span>
2022-04-07 01:35:26 +02:00
<input
id="magic-infusion"
value="magic"
type="checkbox"
name="infusion"
onchange="update()"
checked
/>
<label for="magic-infusion">Magic</label>
</span>
</div>
<div>
<span>
2022-04-07 01:35:26 +02:00
<input
id="cold-infusion"
value="cold"
type="checkbox"
name="infusion"
onchange="update()"
checked
/>
<label for="cold-infusion">Cold</label>
</span>
</div>
<div>
<span>
2022-04-07 01:35:26 +02:00
<input
id="poison-infusion"
value="poison"
type="checkbox"
name="infusion"
onchange="update()"
checked
/>
<label for="poison-infusion">Poison</label>
</span>
</div>
<div>
<span>
2022-04-07 01:35:26 +02:00
<input
id="blood-infusion"
value="blood"
type="checkbox"
name="infusion"
onchange="update()"
checked
/>
<label for="blood-infusion">Blood</label>
</span>
</div>
<div>
<span>
2022-04-07 01:35:26 +02:00
<input
id="occult-infusion"
value="occult"
type="checkbox"
name="infusion"
onchange="update()"
checked
/>
<label for="occult-infusion">Occult</label>
</span>
</div>
<hr />
2022-04-07 01:35:26 +02:00
<!-- damage types -->
<b>Damage Types</b>
<div>
<span>
2022-04-07 01:35:26 +02:00
<input id="physical-type" type="checkbox" name="damage-type" disabled />
<label for="physical-type">Physical Damage</label>
</span>
</div>
<div>
<span>
2022-04-07 01:35:26 +02:00
<input id="magic-type" type="checkbox" name="damage-type" disabled />
<label for="magic-type">Magic Damage</label>
</span>
</div>
<div>
<span>
2022-04-07 01:35:26 +02:00
<input id="fire-type" type="checkbox" name="damage-type" disabled />
<label for="fire-type">Fire Damage</label>
</span>
</div>
<div>
<span>
2022-04-07 01:35:26 +02:00
<input id="lightning-type" type="checkbox" name="damage-type" disabled />
<label for="lightning-type">Lightning Damage</label>
</span>
</div>
<div>
<span>
2022-04-07 01:35:26 +02:00
<input id="holy-type" type="checkbox" name="damage-type" disabled />
<label for="holy-type">Holy Damage</label>
</span>
</div>
</article>
<!-- results -->
2022-04-07 01:35:26 +02:00
<article style="flex-basis: 55%; min-width: 700px">
<b>Results</b>
<hr />
2022-04-07 01:35:26 +02:00
<template id="weapon">
<tr>
2022-04-07 01:35:26 +02:00
<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>
2022-04-07 01:35:26 +02:00
<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"
width="25px"
title="Standard"
alt="Standard"
onclick="changeSort('standard')"
/>
</th>
<th id="heavy" name="damage-result">
<input
type="image"
src="/resource/icon/heavy.jpg"
width="25px"
title="Heavy"
alt="Heavy"
onclick="changeSort('heavy')"
/>
</th>
<th id="keen" name="damage-result">
<input
type="image"
src="/resource/icon/keen.jpg"
width="25px"
title="Keen"
alt="Keen"
onclick="changeSort('keen')"
/>
</th>
<th id="quality" name="damage-result">
<input
type="image"
src="/resource/icon/quality.jpg"
width="25px"
title="Quality"
alt="Quality"
onclick="changeSort('quality')"
/>
</th>
<th id="fire" name="damage-result">
<input
type="image"
src="/resource/icon/fire.jpg"
width="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"
width="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"
width="25px"
title="Lightning"
alt="Lightning"
onclick="changeSort('lightning')"
/>
</th>
<th id="sacred" name="damage-result">
<input
type="image"
src="/resource/icon/sacred.jpg"
width="25px"
title="Sacred"
alt="Sacred"
onclick="changeSort('sacred')"
/>
</th>
<th id="magic" name="damage-result">
<input
type="image"
src="/resource/icon/magic.jpg"
width="25px"
title="Magic"
alt="Magic"
onclick="changeSort('magic')"
/>
</th>
<th id="cold" name="damage-result">
<input
type="image"
src="/resource/icon/cold.jpg"
width="25px"
title="Cold"
alt="Cold"
onclick="changeSort('cold')"
/>
</th>
<th id="poison" name="damage-result">
<input
type="image"
src="/resource/icon/poison.jpg"
width="25px"
title="Poison"
alt="Poison"
onclick="changeSort('poison')"
/>
</th>
<th id="blood" name="damage-result">
<input
type="image"
src="/resource/icon/blood.jpg"
width="25px"
title="Blood"
alt="Blood"
onclick="changeSort('blood')"
/>
</th>
<th id="occult" name="damage-result">
<input
type="image"
src="/resource/icon/occult.jpg"
width="25px"
title="Occult"
alt="Occult"
onclick="changeSort('occult')"
/>
</th>
</tr>
</thead>
<tbody id="weapons"></tbody>
</table>
</div>
</article>
2022-04-07 01:35:26 +02:00
<!-- 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>
2022-04-07 01:35:26 +02:00
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>
2022-03-28 20:45:26 +02:00
</html>