<html>
<head>
<title> Stron's Warrior DPS Calculator</title>
<!--import external CSS -->
<link rel="stylesheet" type="text/css" href="MyStyleSheet.css">
<!--import external JS file -->
<script type="text/javascript" src="MyJS.js"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
</head>
<body>
<p class="mainHeader"> Stron's Warrior DPS Calculator</p>
<!--buttons that link to other HTML pages-->
<a href="info.html"><img id="abutton" alt="Button A" height = "94" width= "275" src ="abutton.jpg" onmouseover="highlightA()" onmouseout="mouseoutA()"></a>
<a href="userProfile.html"><img id="bbutton" alt="Button B" height = "94" width= "275" src ="bbutton.jpg" onmouseover="highlightB()" onmouseout="mouseoutB()"></a>
<br>
<div class="myForm">
<!--Damage Calculator html form. Takes in all values from the user and calls the damageCalc() function on submit -->
<form name='myForm' autocomplete="on" onsubmit="return damageCalc();">
<!--Data validation here by using min/max values, type, and regular expressions -->
<p class="secondHeader"> 6/5/0/0/3 GS + axe/mace Warrior:</p> <br>
Username: <input type="text" pattern="[\w]{0,15}" title="Alpha-Numeric username up to 15 characters. " name="username" placeholder="username" autofocus="" /> <br><br>
<p class="secondHeader"> Combat Statistics & Damage Modifiers</p> <br>
<table border="1">
<tr>
<td> Power:</td> <td><input type="number" title="integer from 0-4000" name="power" min="0" max ="4000" required=""/> </td>
</tr>
<tr>
<td>Critical Hit Chance(%): </td> <td><input type="number" title="integer from 4-100" name="critChance" min="4" max="100" required=""/> </td>
</tr>
<tr>
<td>Ferocity: </td> <td><input type="number" title="integer from 0-4000" name="ferocity" min="0" max="4000" required=""/> </td>
</tr>
<tr>
<td>Might Stacks(0-25):</td> <td> <input type="number" title="integer from 0-25" name="might" min="0" max="25" required=""/> </td>
</tr>
<tr>
<td>Vulnerability Stacks(0-25): </td> <td><input type="number" title="integer from 0-25" min="0" max="25" name="vuln" required=""/> </td>
</tr>
<tr>
<td>Fury buff? (+20% Crit Chance) </td><td><input type="checkbox" id="furyBCheck" value="1"></td>
</tr>
<tr>
<td>Empower Allies? </td><td><input type="checkbox" id="empCheck" value="1"></td>
</tr>
<tr>
<td>Banner of Discipline? </td><td><input type="checkbox" id="discCheck" value="1"></td>
</tr>
<tr>
<td>Banner of Strength? </td><td><input type="checkbox" id="strCheck" value="1"></td>
</tr>
<tr>
<td>Signet of Might? </td><td><input type="checkbox" id="sMightCheck" value="1"></td>
</tr>
<tr>
<td>Signet of Fury? </td><td><input type="checkbox" id="sFuryCheck" value="1"></td>
</tr>
<tr>
<td>Scholar Runes? </td><td><input type="checkbox" id="scCheck" value="1"></td>
</tr>
<tr>
<td>Dungeon Specific potion?</td> <td> <input type="checkbox" id="potCheck" value="1"></td>
</tr>
<tr>
<td>Sigil of Force?* </td><td><input type="checkbox" id="forCheck" value="1"></td>
</tr>
<tr>
<td>Sigil of Night/Monster Slaying?* </td><td><input type="checkbox" id="slayCheck" value="1"></td>
</tr>
<tr>
<td>Sigil of Accuracy?* </td><td><input type="checkbox" id="accCheck" value="1"></td>
</tr>
<tr>
<td>Gem Store 5% Booster? </td><td><input type="checkbox" id="gemCheck" value="1"></td>
</tr>
<tr>
<td>Spotter? </td><td><input type="checkbox" id="spotCheck" value="1"></td>
</tr>
<tr>
<td>Ranger Frost Spirit(Traited)?** </td><td><input type="checkbox" id="spirTrCheck" value="1"></td>
</tr>
<tr>
<td>Ranger Frost Spirit(NOT Traited)?** </td><td><input type="checkbox" id="spirCheck" value="1"></td>
</tr>
</table>
<br>
Food:<br>
<table>
<tr>
<td><input type="radio" name="food" id="dragons" value="1" checked> Dragon's Breath Bun(proc)</td><td><p class='smallFont'> 200 power 70 ferocity</p></td>
</tr>
<tr>
<td><input type="radio" name="food" id="curry" value="2"> Curry Butternut Squash Soup </td><td><p class='smallFont'> 100 precision 70 ferocity</p><td>
</tr>
<tr>
<td> <input type="radio" name="food" id="seaweed" value="3"> Bowl of Seaweed Salad </td><td> <p class='smallFont'> 10% damage</p></td>
</tr>
<tr>
<td><input type="radio" name="food" id="asparagus" value="4"> Plate of Steak and Asparagus </td><td> <p class='smallFont'> 80 power 60 precision</p><td>
</tr>
<tr>
<td><input type="radio" name="food" id="none" value="5"> No food </td><td> <p class='smallFont'> ...casual! </p><td>
</tr>
</table>
<br>
Greatsword quality:<br>
<input type="radio" name="greatsword" id="gsE" value="1048"> Exotic<br>
<input type="radio" name="greatsword" id="gsA" value="1100" checked> Ascended<br><br>
Axe quality:<br>
<input type="radio" name="axe" id="axeE" value="953"> Exotic<br>
<input type="radio" name="axe" id="axeA" value="1000" checked> Ascended<br><br>
Mace quality:<br>
<input type="radio" name="mace" id="maceE" value="953"> Exotic<br>
<input type="radio" name="mace" id="maceA" value="1000" checked> Ascended<br><br>
Calculate DPS:<input type="submit">
<br><br>
<!--msgArea is a <p> element which displays the output for this calculator. It is accessed through
the JavaScript function damageCalc()-->
<p id="msgArea"> </p>
<p id="msgArea2"> </p>
</form>
</div>
<br>
<p class="footer"> *For simplicity of calculations it's assumed each weapon swap has the same sigils. <br> This is a fair assumption in most cases unless you're using sigil of battle. In that case just add more might and only select 1 sigil.</p>
<p class="footer"> **The average increase in damage is 3.5% (7% with Vigorous Spirits traited). Both can stack. -GW2Wiki.</p>
<p class="footer"> Image credit: Thieron. Guild Wars 2 is owned by ArenaNet and published by NCSoft. </p>
</body>
</html>