2021-01-06 12:48:41 +00:00
<!DOCTYPE html>
< html scroll-behavior = "smooth" >
< head >
2021-01-08 01:02:12 +00:00
<!-- nunito font, copying wynndata -->
< link rel = "preconnect" href = "https://fonts.gstatic.com" >
< link href = "https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel = "stylesheet" >
2021-01-06 12:48:41 +00:00
< link rel = "stylesheet" href = "styles.css" >
< link rel = "icon" href = "favicon.png" >
< link rel = "manifest" href = "manifest.json" >
< title > Wynn Clientside< / title >
< / head >
2021-01-08 01:02:12 +00:00
< body class = "all" >
2021-01-07 10:30:23 +00:00
< div class = "header" id = "header" >
2021-01-06 12:48:41 +00:00
Wynn build calculator
< / div >
2021-01-09 00:56:07 +00:00
< div class = "center" id = "header2" >
2021-01-10 01:33:42 +00:00
< p > Made by < b class = "hppeng" > hppeng< / b > and < b class = "ferricles" > ferricles< / b > with Atlas Inc (JavaScript required to function, nothing works without js)< / p >
2021-01-09 11:15:28 +00:00
< p > Hard refresh the page (Ctrl+Shift+R on windows/chrome) if it isn't updating correctly.< / p >
2021-01-09 00:56:07 +00:00
< / div >
< div class = "center" id = "credits" >
2021-01-09 23:30:05 +00:00
< a href = "credits.txt" class = "link" > Additional credits< / a >
2021-01-08 04:31:29 +00:00
< / div >
2021-01-06 12:48:41 +00:00
< div class = "equipment" >
2021-01-09 22:38:19 +00:00
< div class = "right" style = "grid-column:1;grid-row:1" >
< label > Equipments< / label >
< br >
< br >
2021-01-06 12:48:41 +00:00
< div >
< label for = "helmet-choice" > Helmet:< / label >
2021-01-09 23:31:14 +00:00
< input list = "helmet-items" id = "helmet-choice" name = "helmet-choice" placeholder = "No Helmet" / >
2021-01-06 12:48:41 +00:00
< datalist id = "helmet-items" >
< / datalist >
< / div >
2021-01-09 22:38:19 +00:00
< br >
2021-01-06 12:48:41 +00:00
< div >
< label for = "chestplate-choice" > Chestplate:< / label >
2021-01-09 23:31:14 +00:00
< input list = "chestplate-items" id = "chestplate-choice" name = "chestplate-choice" placeholder = "No Chestplate" / >
2021-01-06 12:48:41 +00:00
< datalist id = "chestplate-items" >
< / datalist >
< / div >
2021-01-09 22:38:19 +00:00
< br >
2021-01-06 12:48:41 +00:00
< div >
< label for = "leggings-choice" > Leggings:< / label >
2021-01-09 23:31:14 +00:00
< input list = "leggings-items" id = "leggings-choice" name = "leggings-choice" placeholder = "No Leggings" / >
2021-01-06 12:48:41 +00:00
< datalist id = "leggings-items" >
< / datalist >
< / div >
2021-01-09 22:38:19 +00:00
< br >
2021-01-06 12:48:41 +00:00
< div id = "boots" >
< label for = "boots-choice" > Boots:< / label >
2021-01-09 23:31:14 +00:00
< input list = "boots-items" id = "boots-choice" name = "boots-choice" placeholder = "No Boots" / >
2021-01-06 12:48:41 +00:00
< datalist id = "boots-items" >
< / datalist >
< / div >
2021-01-09 22:38:19 +00:00
< br >
< div >
< label for = "ring1-choice" > Ring 1:< / label >
2021-01-10 03:39:13 +00:00
< input list = "ring1-items" id = "ring1-choice" name = "ring1-choice" placeholder = "No Ring 1" / >
2021-01-09 22:38:19 +00:00
< datalist id = "ring1-items" >
< / datalist >
< / div >
< br >
< div >
< label for = "ring2-choice" > Ring 2:< / label >
2021-01-10 03:39:13 +00:00
< input list = "ring2-items" id = "ring2-choice" name = "ring2-choice" placeholder = "No Ring 2" / >
2021-01-09 22:38:19 +00:00
< datalist id = "ring2-items" >
< / datalist >
< / div >
< br >
< div >
< label for = "bracelet-choice" > Bracelet:< / label >
2021-01-10 03:39:13 +00:00
< input list = "bracelet-items" id = "bracelet-choice" name = "bracelet-choice" placeholder = "No Bracelet" / >
2021-01-09 22:38:19 +00:00
< datalist id = "bracelet-items" >
< / datalist >
< / div >
< br >
< div >
< label for = "necklace-choice" > Necklace:< / label >
2021-01-10 03:39:13 +00:00
< input list = "necklace-items" id = "necklace-choice" name = "necklace-choice" placeholder = "No Necklace" / >
2021-01-09 22:38:19 +00:00
< datalist id = "necklace-items" >
< / datalist >
< / div >
< br >
< div >
< label for = "weapon-choice" > Weapon:< / label >
< input list = "weapon-items" id = "weapon-choice" name = "weapon-choice" value = "" / >
< datalist id = "weapon-items" >
< / datalist >
< / div >
< br >
< div >
< button class = "button" id = "calc-button" onclick = "calculateBuild()" >
Update Items (Resets stats)
< / button >
< / div >
< / div >
< div class = "left" style = "grid-column:2;grid-row:1" >
< label > Powdering:< / label >
< div id = "helmet-slots" >
X slots
< / div >
< div >
< input type = "text" id = "helmet-powder" name = "helmet-powder" / >
< / div >
< div id = "chestplate-slots" >
X slots
< / div >
< div >
< input type = "text" id = "chestplate-powder" name = "chestplate-powder" / >
< / div >
< div id = "leggings-slots" >
X slots
< / div >
< div >
< input type = "text" id = "leggings-powder" name = "leggings-powder" / >
< / div >
2021-01-06 12:48:41 +00:00
< div id = "boots-slots" >
X slots
< / div >
< div >
< input type = "text" id = "boots-powder" name = "boots-powder" / >
< / div >
2021-01-09 22:42:27 +00:00
< br / > < br / > < br / > < br / > < br / > < br / > < br / > < br / >
2021-01-06 12:48:41 +00:00
< div id = "weapon-slots" >
X slots
< / div >
< div >
< input type = "text" id = "weapon-powder" name = "weapon-powder" / >
< / div >
2021-01-09 22:38:19 +00:00
< br >
< div >
< button class = "reset" id = "reset-button" onclick = "resetFields()" >
2021-01-06 20:54:15 +00:00
Reset
2021-01-09 22:38:19 +00:00
< / button >
< / div >
< / div >
< div class = "center" style = "grid-column:3;grid-row:1" >
< div class = "center build-overall" id = "build-overall" >
< p class = "itemcenter" > Overall Build Stats:< p >
< div class = "center" id = "build-overall-stats" > < / div >
< / div >
2021-01-06 12:48:41 +00:00
< / div >
< / div >
2021-01-07 07:08:16 +00:00
< div class = "center" id = "summary-box" >
Summary:
< / div >
2021-01-06 12:48:41 +00:00
< div class = "skillpoints" >
< div class = "center" style = "grid-column:1;grid-row:1" >
2021-01-07 06:41:41 +00:00
< div >
2021-01-08 20:19:01 +00:00
< label for = "str-skp" class = "skpLabel" > Strength:< / label >
< input type = "number" id = "str-skp" name = "str-skp" value = "0" class = "skpInput" / >
2021-01-07 06:41:41 +00:00
< / div >
2021-01-09 00:56:07 +00:00
< div id = "str-skp-assign" >
2021-01-09 11:21:46 +00:00
Manually Assigned: 0
2021-01-09 00:56:07 +00:00
< / div >
2021-01-07 06:41:41 +00:00
< div id = "str-skp-base" >
Original Value: 0
< / div >
2021-01-08 02:34:07 +00:00
< div id = "str-skp-pct" >
< / div >
2021-01-06 12:48:41 +00:00
< / div >
< div class = "center" style = "grid-column:2;grid-row:1" >
2021-01-07 06:41:41 +00:00
< div >
2021-01-08 20:19:01 +00:00
< label for = "dex-skp" class = "skpLabel" > Dexterity:< / label >
< input type = "number" id = "dex-skp" name = "dex-skp" value = "0" class = "skpInput" / >
2021-01-07 06:41:41 +00:00
< / div >
2021-01-09 00:56:07 +00:00
< div id = "dex-skp-assign" >
2021-01-09 11:21:46 +00:00
Manually Assigned: 0
2021-01-09 00:56:07 +00:00
< / div >
2021-01-07 06:41:41 +00:00
< div id = "dex-skp-base" >
Original Value: 0
< / div >
2021-01-08 02:34:07 +00:00
< div id = "dex-skp-pct" >
< / div >
2021-01-06 12:48:41 +00:00
< / div >
< div class = "center" style = "grid-column:3;grid-row:1" >
2021-01-07 06:41:41 +00:00
< div >
2021-01-08 20:19:01 +00:00
< label for = "int-skp" class = "skpLabel" > Intelligence:< / label >
< input type = "number" id = "int-skp" name = "int-skp" value = "0" class = "skpInput" / >
2021-01-07 06:41:41 +00:00
< / div >
2021-01-09 00:56:07 +00:00
< div id = "int-skp-assign" >
2021-01-09 11:21:46 +00:00
Manually Assigned: 0
2021-01-09 00:56:07 +00:00
< / div >
2021-01-07 06:41:41 +00:00
< div id = "int-skp-base" >
Original Value: 0
< / div >
2021-01-08 02:34:07 +00:00
< div id = "int-skp-pct" >
< / div >
2021-01-06 12:48:41 +00:00
< / div >
< div class = "center" style = "grid-column:4;grid-row:1" >
2021-01-07 06:41:41 +00:00
< div >
2021-01-08 20:19:01 +00:00
< label for = "def-skp" class = "skpLabel" > Defense:< / label >
< input type = "number" id = "def-skp" name = "def-skp" value = "0" class = "skpInput" / >
2021-01-07 06:41:41 +00:00
< / div >
2021-01-09 00:56:07 +00:00
< div id = "def-skp-assign" >
2021-01-09 11:21:46 +00:00
Manually Assigned: 0
2021-01-09 00:56:07 +00:00
< / div >
2021-01-07 06:41:41 +00:00
< div id = "def-skp-base" >
Original Value: 0
< / div >
2021-01-08 02:34:07 +00:00
< div id = "def-skp-pct" >
< / div >
2021-01-06 12:48:41 +00:00
< / div >
< div class = "center" style = "grid-column:5;grid-row:1" >
2021-01-07 06:41:41 +00:00
< div >
2021-01-08 20:19:01 +00:00
< label for = "agi-skp" class = "skpLabel" > Agility:< / label >
< input type = "number" id = "agi-skp" name = "agi-skp" value = "0" class = "skpInput" / >
2021-01-07 06:41:41 +00:00
< / div >
2021-01-09 00:56:07 +00:00
< div id = "agi-skp-assign" >
2021-01-09 11:21:46 +00:00
Manually Assigned: 0
2021-01-09 00:56:07 +00:00
< / div >
2021-01-07 06:41:41 +00:00
< div id = "agi-skp-base" >
Original Value: 0
< / div >
2021-01-08 02:34:07 +00:00
< div id = "agi-skp-pct" >
< / div >
2021-01-06 12:48:41 +00:00
< / div >
< / div >
2021-01-09 08:52:58 +00:00
< div class = "center" >
< button class = "button" id = "update-button" onclick = "updateStats()" >
Update Stats
< / button >
< / div >
2021-01-07 00:04:16 +00:00
< div class = "build" >
2021-01-07 08:11:54 +00:00
< div class = "center build-helmet" id = "build-helmet" style = "grid-column:1;grid-row:1" >
< div class = "center" id = "build-helmet-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-07 08:11:54 +00:00
< div class = "center build-chestplate" id = "build-chestplate" style = "grid-column:2;grid-row:1" >
< div class = "center" id = "build-chestplate-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-07 08:11:54 +00:00
< div class = "center build-leggings" id = "build-leggings" style = "grid-column:3;grid-row:1" >
< div class = "center" id = "build-leggings-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-07 08:11:54 +00:00
< div class = "center build-boots" id = "build-boots" style = "grid-column:4;grid-row:1" >
< div class = "center" id = "build-boots-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-07 08:11:54 +00:00
< div class = "center build-ring1" id = "build-ring1" style = "grid-column:1;grid-row:2" >
< div class = "center" id = "build-ring1-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-07 08:11:54 +00:00
< div class = "center build-ring2" id = "build-ring2" style = "grid-column:2;grid-row:2" >
< div class = "center" id = "build-ring2-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-07 08:11:54 +00:00
< div class = "center build-leggings" id = "build-bracelet" style = "grid-column:3;grid-row:2" >
< div class = "center" id = "build-bracelet-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-07 08:11:54 +00:00
< div class = "center build-boots" id = "build-necklace" style = "grid-column:4;grid-row:2" >
< div class = "center" id = "build-necklace-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-07 08:11:54 +00:00
< div class = "center build-weapon" id = "build-weapon" style = "grid-column:1;grid-row:3" >
< div class = "center" id = "build-weapon-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-09 12:47:25 +00:00
< div class = "center build-overall" id = "build-overall" style = "grid-column:4;grid-row:3" >
< p class = "itemcenter" > Overall Build Stats:< p >
< div class = "center" id = "build-overall-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-09 23:30:05 +00:00
< div class = "center build-melee-stats" id = "build-melee-stats" style = "grid-column:3;grid-row:3" >
< / div >
< div class = "center build-order" id = "build-order" style = "grid-column:2;grid-row:3" >
< / div >
2021-01-09 12:47:25 +00:00
<!-- div class = "center" id = "build - defense - stats" style = "grid - column:4;grid - row:3">
< / div-- >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-09 03:53:57 +00:00
< div class = "spells" >
2021-01-09 08:52:58 +00:00
< div class = "center spell-info" id = "spell0" style = "grid-column:1;grid-row:1" >
<!-- div class = "center" id = "spell0 - name">Spell 1</div -->
< div class = "center" id = "spell0-info" > Spell 1< / div >
2021-01-09 03:53:57 +00:00
< / div >
2021-01-09 08:52:58 +00:00
< div class = "center spell-info" id = "spell1" style = "grid-column:2;grid-row:1" >
<!-- div class = "center" id = "spell1 - name">Spell 2</div -->
< div class = "center" id = "spell1-info" > Spell 2< / div >
2021-01-09 03:53:57 +00:00
< / div >
2021-01-09 08:52:58 +00:00
< div class = "center spell-info" id = "spell2" style = "grid-column:3;grid-row:1" >
<!-- div class = "center" id = "spell2 - name">Spell 3</div -->
< div class = "center" id = "spell2-info" > Spell 3< / div >
2021-01-09 03:53:57 +00:00
< / div >
2021-01-09 08:52:58 +00:00
< div class = "center spell-info" id = "spell3" style = "grid-column:4;grid-row:1" >
<!-- div class = "center" id = "spell3 - name">Spell 4</div -->
< div class = "center" id = "spell3-info" > Spell 4< / div >
2021-01-09 03:53:57 +00:00
< / div >
< / div >
2021-01-07 00:10:34 +00:00
2021-01-07 06:41:41 +00:00
< script type = "text/javascript" src = "utils.js" > < / script >
< script type = "text/javascript" src = "skillpoints.js" > < / script >
2021-01-09 00:56:07 +00:00
< script type = "text/javascript" src = "damage_calc.js" > < / script >
2021-01-07 22:44:52 +00:00
< script type = "text/javascript" src = "display.js" > < / script >
2021-01-07 00:08:19 +00:00
< script type = "text/javascript" src = "build.js" > < / script >
< script type = "text/javascript" src = "load.js" > < / script >
< script type = "text/javascript" src = "test.js" > < / script >
2021-01-06 12:48:41 +00:00
< / body >
< / html >
