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" >
2021-01-11 12:09:58 +00:00
< link rel = "stylesheet" media = "screen and (min-width: 1100px)" href = "wide.css" / >
< link rel = "stylesheet" media = "screen and (max-width: 1099px)" href = "narrow.css" / >
2021-01-06 12:48:41 +00:00
< link rel = "icon" href = "favicon.png" >
< link rel = "manifest" href = "manifest.json" >
2021-01-16 02:06:21 +00:00
< title > WynnBuilder< / title >
2021-01-06 12:48:41 +00:00
< / 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-18 12:10:28 +00:00
< div class = "center" id = "help" >
< a href = "https://forums.wynncraft.com/threads/wynnbuilder-release-thread-and-some-damage-calculation-updates.281438" > Forum thread (instructions/help)< / a >
< / div >
2021-01-11 01:42:09 +00:00
< div class = "summary" >
2021-01-11 12:09:58 +00:00
< div class = "equipment" style = "grid-column:1/span 2;grid-row:1" >
2021-01-11 01:42:09 +00:00
< div style = "grid-column:1/span 2;grid-row:1" >
< table >
< tr >
< th class = "center title" >
< label > Equipment< / label >
< / th >
< th class = "center title" >
< label > Powdering< / label >
< / th >
< / tr >
< tr >
2021-01-11 01:58:04 +00:00
< td class = "left" >
2021-01-11 01:42:09 +00:00
< label for = "helmet-choice" > Helmet:< / label >
2021-01-11 12:09:58 +00:00
< input class = "iteminput" list = "helmet-items" id = "helmet-choice" name = "helmet-choice" placeholder = "No Helmet" / >
2021-01-11 01:42:09 +00:00
< datalist id = "helmet-items" >
< / datalist >
2021-01-17 21:01:20 +00:00
< p class = "error" style = "color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;" > < / p >
2021-01-11 01:42:09 +00:00
< / td >
2021-01-11 01:58:04 +00:00
< td class = "left" >
2021-01-11 01:42:09 +00:00
< label id = "helmet-slots" for = "helmet-powder" > X slots< / label >
2021-01-11 12:09:58 +00:00
< input class = "iteminput" type = "text" id = "helmet-powder" name = "helmet-powder" placeholder = "Example: t6t6" / >
2021-01-17 21:01:20 +00:00
< p class = "error" style = "color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;" > < / p >
2021-01-11 01:42:09 +00:00
< / td >
< / tr >
< tr >
2021-01-11 01:58:04 +00:00
< td class = "left" >
2021-01-11 01:42:09 +00:00
< label for = "chestplate-choice" > Chestplate:< / label >
2021-01-11 12:09:58 +00:00
< input class = "iteminput" list = "chestplate-items" id = "chestplate-choice" name = "chestplate-choice" placeholder = "No Chestplate" / >
2021-01-11 01:42:09 +00:00
< datalist id = "chestplate-items" >
< / datalist >
2021-01-17 21:01:20 +00:00
< p class = "error" style = "color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;" > < / p >
2021-01-11 01:42:09 +00:00
< / td >
2021-01-11 01:58:04 +00:00
< td class = "left" >
2021-01-11 01:42:09 +00:00
< label id = "chestplate-slots" for = "chestplate-powder" > X slots< / label >
2021-01-11 12:09:58 +00:00
< input class = "iteminput" type = "text" id = "chestplate-powder" name = "chestplate-powder" / >
2021-01-17 21:01:20 +00:00
< p class = "error" style = "color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;" > < / p >
2021-01-11 01:42:09 +00:00
< / td >
< / tr >
< tr >
2021-01-11 01:58:04 +00:00
< td class = "left" >
2021-01-11 01:42:09 +00:00
< label for = "leggings-choice" > Leggings:< / label >
2021-01-11 12:09:58 +00:00
< input class = "iteminput" list = "leggings-items" id = "leggings-choice" name = "leggings-choice" placeholder = "No Leggings" / >
2021-01-11 01:42:09 +00:00
< datalist id = "leggings-items" >
< / datalist >
2021-01-17 21:01:20 +00:00
< p class = "error" style = "color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;" > < / p >
2021-01-11 01:42:09 +00:00
< / td >
2021-01-11 01:58:04 +00:00
< td class = "left" >
2021-01-11 01:42:09 +00:00
< label id = "leggings-slots" for = "leggings-powder" > X slots< / label >
2021-01-11 12:09:58 +00:00
< input class = "iteminput" type = "text" id = "leggings-powder" name = "leggings-powder" / >
2021-01-17 21:01:20 +00:00
< p class = "error" style = "color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;" > < / p >
2021-01-11 01:42:09 +00:00
< / td >
< / tr >
< tr >
2021-01-11 01:58:04 +00:00
< td class = "left" >
2021-01-11 01:42:09 +00:00
< label for = "boots-choice" > Boots:< / label >
2021-01-11 12:09:58 +00:00
< input class = "iteminput" list = "boots-items" id = "boots-choice" name = "boots-choice" placeholder = "No Boots" / >
2021-01-11 01:42:09 +00:00
< datalist id = "boots-items" >
< / datalist >
2021-01-17 21:01:20 +00:00
< p class = "error" style = "color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;" > < / p >
2021-01-11 01:42:09 +00:00
< / td >
2021-01-11 01:58:04 +00:00
< td class = "left" >
2021-01-11 01:42:09 +00:00
< label id = "boots-slots" for = "boots-powder" > X slots< / label >
2021-01-11 12:09:58 +00:00
< input class = "iteminput" type = "text" id = "boots-powder" name = "boots-powder" / >
2021-01-17 21:01:20 +00:00
< p class = "error" style = "color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;" > < / p >
2021-01-11 01:42:09 +00:00
< / td >
< / tr >
< tr >
2021-01-11 01:58:04 +00:00
< td class = "left" >
2021-01-11 01:42:09 +00:00
< br >
< label for = "weapon-choice" > Weapon:< / label >
2021-01-11 12:09:58 +00:00
< input class = "iteminput" list = "weapon-items" id = "weapon-choice" name = "weapon-choice" placeholder = "No Weapon" value = "" / >
2021-01-11 01:42:09 +00:00
< datalist id = "weapon-items" >
< / datalist >
2021-01-17 21:01:20 +00:00
< p class = "error" style = "color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;" > < / p >
2021-01-11 01:42:09 +00:00
< / td >
2021-01-11 01:58:04 +00:00
< td class = "left" >
2021-01-11 01:42:09 +00:00
< br >
< label id = "weapon-slots" for = "weapon-powder" > X slots< / label >
2021-01-11 12:09:58 +00:00
< input class = "iteminput" type = "text" id = "weapon-powder" name = "weapon-powder" / >
2021-01-17 21:01:20 +00:00
< p class = "error" style = "color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;" > < / p >
2021-01-11 01:42:09 +00:00
< / td >
< / tr >
< / table >
< / div >
< div style = "grid-column:3/span 1;grid-row:1" >
< table >
< tr >
< th class = "center title" >
< label > Accessories< / label >
< / th >
< / tr >
< tr >
2021-01-11 01:58:04 +00:00
< td class = "left" >
2021-01-11 01:42:09 +00:00
< label for = "ring1-choice" > Ring 1:< / label >
2021-01-11 12:09:58 +00:00
< input class = "iteminput" list = "ring1-items" id = "ring1-choice" name = "ring1-choice" placeholder = "No Ring 1" / >
2021-01-11 01:42:09 +00:00
< datalist id = "ring1-items" >
< / datalist >
2021-01-17 21:01:20 +00:00
< p class = "error" style = "color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;" > < / p >
2021-01-11 01:42:09 +00:00
< / td >
< / tr >
< tr >
2021-01-11 01:58:04 +00:00
< td class = "left" >
2021-01-11 01:42:09 +00:00
< label for = "ring2-choice" > Ring 2:< / label >
2021-01-11 12:09:58 +00:00
< input class = "iteminput" list = "ring2-items" id = "ring2-choice" name = "ring2-choice" placeholder = "No Ring 2" / >
2021-01-11 01:42:09 +00:00
< datalist id = "ring2-items" >
< / datalist >
2021-01-17 21:01:20 +00:00
< p class = "error" style = "color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;" > < / p >
2021-01-11 01:42:09 +00:00
< / td >
< / tr >
< tr >
2021-01-11 01:58:04 +00:00
< td class = "left" >
2021-01-11 01:42:09 +00:00
< label for = "bracelet-choice" > Bracelet:< / label >
2021-01-11 12:09:58 +00:00
< input class = "iteminput" list = "bracelet-items" id = "bracelet-choice" name = "bracelet-choice" placeholder = "No Bracelet" / >
2021-01-11 01:42:09 +00:00
< datalist id = "bracelet-items" >
< / datalist >
2021-01-17 21:01:20 +00:00
< p class = "error" style = "color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;" > < / p >
2021-01-11 01:42:09 +00:00
< / td >
< / tr >
< tr >
2021-01-11 01:58:04 +00:00
< td class = "left" >
2021-01-11 01:42:09 +00:00
< label for = "necklace-choice" > Necklace:< / label >
2021-01-11 12:09:58 +00:00
< input class = "iteminput" list = "necklace-items" id = "necklace-choice" name = "necklace-choice" placeholder = "No Necklace" / >
2021-01-11 01:42:09 +00:00
< datalist id = "necklace-items" >
< / datalist >
2021-01-17 21:01:20 +00:00
< p class = "error" style = "color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;" > < / p >
2021-01-11 01:42:09 +00:00
< / td >
< / tr >
< tr >
2021-01-11 01:58:04 +00:00
< td class = "left" >
2021-01-11 01:42:09 +00:00
< br / >
< label for = "level-choice" > Level:< / label >
2021-01-11 12:09:58 +00:00
< input class = "iteminput" id = "level-choice" name = "level-choice" placeholder = "106" value = "" / >
2021-01-17 21:01:20 +00:00
< p class = "error" style = "color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif;" > < / p >
2021-01-11 01:42:09 +00:00
< / td >
< / tr >
< / table >
< / div >
< div class = "center" style = "grid-column:1/span 3;grid-row:2" >
2021-01-11 01:58:04 +00:00
< table >
< tr >
< td >
< br / >
< button class = "button" id = "calc-button" onclick = "calculateBuild()" >
2021-01-11 12:09:58 +00:00
Update Items
2021-01-11 01:58:04 +00:00
< / button >
< / td >
2021-01-11 11:08:10 +00:00
< td >
2021-01-11 01:58:04 +00:00
< br / >
< button class = "button" id = "reset-button" onclick = "resetFields()" >
Reset
< / button >
< / td >
2021-01-11 11:08:10 +00:00
< td >
< br / >
< button class = "button" id = "copy-button" onclick = "copyBuild()" >
Copy Short
< / button >
< / td >
2021-01-11 12:09:58 +00:00
< td >
< br / >
< button class = "button" id = "share-button" onclick = "shareBuild()" >
Copy For Sharing
< / button >
< / td >
2021-01-11 01:58:04 +00:00
< / tr >
< / table >
< / div >
< div class = "center" style = "grid-column:1/span 3;grid-row:3" >
2021-01-11 01:42:09 +00:00
< br > < br >
2021-01-14 03:17:01 +00:00
< div class = "nomargin" id = "summary-box" >
2021-01-11 01:42:09 +00:00
< / div >
2021-01-11 20:01:52 +00:00
< br > < br >
2021-01-12 07:11:20 +00:00
< div class = "externalBuffs" id = "buff-box" >
2021-01-18 01:24:17 +00:00
< table class = "externalBuffs" >
2021-01-12 07:11:20 +00:00
< tr >
< p class = "buffs-title itemp title" >
Spell Boosts & Powder Specials:
< / p >
< / tr >
< tr >
< td >
2021-01-15 05:47:38 +00:00
< button class = "button-narrow" id = "vanish-boost" onclick = "updateBoosts('vanish-boost')" >
2021-01-12 07:11:20 +00:00
Vanish Boost (+80%)
< / button >
< / td >
< td >
2021-01-15 05:47:38 +00:00
< button class = "button-narrow" id = "warscream-boost" onclick = "updateBoosts('warscream-boost')" >
2021-01-12 07:11:20 +00:00
War Scream (+10%)
< / button >
< / td >
< td >
2021-01-15 05:47:38 +00:00
< button class = "button-narrow" id = "yourtotem-boost" onclick = "updateBoosts('yourtotem-boost')" >
2021-01-12 07:11:20 +00:00
Your Totem (+35%)
< / button >
< / td >
< td >
2021-01-15 05:47:38 +00:00
< button class = "button-narrow" id = "allytotem-boost" onclick = "updateBoosts('allytotem-boost')" >
2021-01-12 07:11:20 +00:00
Ally Totem (+15%)
< / button >
< / td >
2021-01-15 05:47:38 +00:00
< td >
< button class = "button-narrow" id = "bash-boost" onclick = "updateBoosts('bash-boost')" >
Bash (+50%)
< / button >
< / td >
2021-01-12 07:11:20 +00:00
< / tr >
< / table >
2021-01-13 03:14:00 +00:00
< div class = "powder-specials" >
2021-01-12 21:07:03 +00:00
< div class = "powder-special-stats" style = "grid-column:1;grid-row:1" >
< div class = "center" id = "powder-special-stats" >
< p class = "itemp" > Powder Specials< / p >
< / div >
< / div >
< div style = "grid-column:2;grid-row:1" >
< div class = "powder-special" style = "grid-column:2;grid-row:1" >
< div class = "center" id = "powder-special" >
< p class = "itemp Earth" >
Quake
< / p >
< p class = "Quake itemp" id = "Quake" >
< b >
< button class = "button" id = "Quake-1" onclick = "updatePowderSpecials('Quake-1')" >
4
< / button >
< / b >
< b >
< button class = "button" id = "Quake-2" onclick = "updatePowderSpecials('Quake-2')" >
4.5
< / button >
< / b >
< b >
< button class = "button" id = "Quake-3" onclick = "updatePowderSpecials('Quake-3')" >
5
< / button >
< / b >
< b >
< button class = "button" id = "Quake-4" onclick = "updatePowderSpecials('Quake-4')" >
5.5
< / button >
< / b >
< b >
< button class = "button" id = "Quake-5" onclick = "updatePowderSpecials('Quake-5')" >
6
< / button >
< / b >
< / p >
< / div >
< / div >
< div class = "powder-special" style = "grid-column:2;grid-row:2" >
< div class = "center" id = "powder-special" >
< p class = "itemp Thunder" >
Chain Lightning
< / p >
< p class = "Chain_Lightning itemp" id = "Chain_Lightning" >
< b >
< button class = "button" id = "Chain_Lightning-1" onclick = "updatePowderSpecials('Chain_Lightning-1')" >
4
< / button >
< / b >
< b >
< button class = "button" id = "Chain_Lightning-2" onclick = "updatePowderSpecials('Chain_Lightning-2')" >
4.5
< / button >
< / b >
< b >
< button class = "button" id = "Chain_Lightning-3" onclick = "updatePowderSpecials('Chain_Lightning-3')" >
5
< / button >
< / b >
< b >
< button class = "button" id = "Chain_Lightning-4" onclick = "updatePowderSpecials('Chain_Lightning-4')" >
5.5
< / button >
< / b >
< b >
< button class = "button" id = "Chain_Lightning-5" onclick = "updatePowderSpecials('Chain_Lightning-5')" >
6
< / button >
< / b >
< / p >
< / div >
< / div >
< div class = "powder-special" style = "grid-column:2;grid-row:3" >
< div class = "center" id = "powder-special" >
< p class = "itemp Water" >
Curse
< / p >
< p class = "Curse itemp" id = "Curse" >
< b >
< button class = "button" id = "Curse-1" onclick = "updatePowderSpecials('Curse-1')" >
4
< / button >
< / b >
< b >
< button class = "button" id = "Curse-2" onclick = "updatePowderSpecials('Curse-2')" >
4.5
< / button >
< / b >
< b >
< button class = "button" id = "Curse-3" onclick = "updatePowderSpecials('Curse-3')" >
5
< / button >
< / b >
< b >
< button class = "button" id = "Curse-4" onclick = "updatePowderSpecials('Curse-4')" >
5.5
< / button >
< / b >
< b >
< button class = "button" id = "Curse-5" onclick = "updatePowderSpecials('Curse-5')" >
6
< / button >
< / b >
< / p >
< / div >
< / div >
< div class = "powder-special" style = "grid-column:2;grid-row:4" >
< div class = "center" id = "powder-special" >
< p class = "itemp Fire" >
Courage
< / p >
< p class = "Courage itemp" id = "Courage" >
< b >
< button class = "button" id = "Courage-1" onclick = "updatePowderSpecials('Courage-1')" >
4
< / button >
< / b >
< b >
< button class = "button" id = "Courage-2" onclick = "updatePowderSpecials('Courage-2')" >
4.5
< / button >
< / b >
< b >
< button class = "button" id = "Courage-3" onclick = "updatePowderSpecials('Courage-3')" >
5
< / button >
< / b >
< b >
< button class = "button" id = "Courage-4" onclick = "updatePowderSpecials('Courage-4')" >
5.5
< / button >
< / b >
< b >
< button class = "button" id = "Courage-5" onclick = "updatePowderSpecials('Courage-5')" >
6
< / button >
< / b >
< / p >
< / div >
< / div >
< div class = "powder-special" style = "grid-column:2;grid-row:5" >
< div class = "center" id = "powder-special" >
< p class = "itemp Air" >
Air Prison
< / p >
< p class = "Air_Prison itemp" id = "Air_Prison" >
< b >
< button class = "button" id = "Air_Prison-1" onclick = "updatePowderSpecials('Air_Prison-1')" >
4
< / button >
< / b >
< b >
< button class = "button" id = "Air_Prison-2" onclick = "updatePowderSpecials('Air_Prison-2')" >
4.5
< / button >
< / b >
< b >
< button class = "button" id = "Air_Prison-3" onclick = "updatePowderSpecials('Air_Prison-3')" >
5
< / button >
< / b >
< b >
< button class = "button" id = "Air_Prison-4" onclick = "updatePowderSpecials('Air_Prison-4')" >
5.5
< / button >
< / b >
< b >
< button class = "button" id = "Air_Prison-5" onclick = "updatePowderSpecials('Air_Prison-5')" >
6
< / button >
< / b >
< / p >
< / div >
< / div >
< / div >
2021-01-13 03:14:00 +00:00
< / div >
2021-01-12 07:11:20 +00:00
< / div >
2021-01-11 01:42:09 +00:00
< / div >
2021-01-09 22:38:19 +00:00
< / div >
2021-01-14 02:13:41 +00:00
< div class = "build-overall-container hide-container-block" style = "display: none;" >
2021-01-10 21:01:59 +00:00
< div class = "center build-overall" id = "build-overall" >
2021-01-10 22:16:22 +00:00
< br / >
2021-01-10 21:01:59 +00:00
< div class = "center" id = "build-overall-stats" > < / div >
2021-01-06 12:48:41 +00:00
< / div >
2021-01-10 21:01:59 +00:00
< / div >
2021-01-14 02:13:41 +00:00
< div class = "spell-info-container hide-container-block" style = "display: none;" >
2021-01-11 01:42:09 +00:00
< div class = "spell-info" >
2021-01-10 21:01:59 +00:00
< div class = "center" id = "build-melee-statsAvg" > melee< / div >
2021-01-06 12:48:41 +00:00
< / div >
2021-01-11 01:42:09 +00:00
< div class = "spell-info" >
2021-01-10 21:01:59 +00:00
< div class = "center" id = "spell0-infoAvg" > spell1< / div >
2021-01-06 12:48:41 +00:00
< / div >
2021-01-11 01:42:09 +00:00
< div class = "spell-info" >
2021-01-10 21:01:59 +00:00
< div class = "center" id = "spell1-infoAvg" > spell2< / div >
2021-01-06 12:48:41 +00:00
< / div >
2021-01-11 01:42:09 +00:00
< div class = "spell-info" >
2021-01-10 21:01:59 +00:00
< div class = "center" id = "spell2-infoAvg" > spell3< / div >
2021-01-09 22:38:19 +00:00
< / div >
2021-01-11 01:42:09 +00:00
< div class = "spell-info" >
2021-01-10 21:01:59 +00:00
< div class = "center" id = "spell3-infoAvg" > spell4< / div >
2021-01-09 22:38:19 +00:00
< / div >
2021-01-11 07:05:23 +00:00
< div class = "spell-info" >
< div class = "center" id = "build-poison-stats" > poison< / div >
< / div >
2021-01-06 12:48:41 +00:00
< / div >
< / div >
< div class = "skillpoints" >
< div class = "center" style = "grid-column:1;grid-row:1" >
2021-01-07 06:41:41 +00:00
< div >
2021-01-11 23:43:04 +00:00
< label for = "str-skp" class = "skpLabel" id = "str-skp-label" > Strength:< / label > < br >
2021-01-18 14:18:14 +00:00
< input type = "string" 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-11 23:43:04 +00:00
< label for = "dex-skp" class = "skpLabel" id = "dex-skp-label" > Dexterity:< / label > < br >
2021-01-18 14:18:14 +00:00
< input type = "string" 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-11 23:43:04 +00:00
< label for = "int-skp" class = "skpLabel" id = "int-skp-label" > Intelligence:< / label > < br >
2021-01-18 14:18:14 +00:00
< input type = "string" 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-11 23:43:04 +00:00
< label for = "def-skp" class = "skpLabel" id = "def-skp-label" > Defense:< / label > < br >
2021-01-18 14:18:14 +00:00
< input type = "string" 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-11 23:43:04 +00:00
< label for = "agi-skp" class = "skpLabel" id = "agi-skp-label" > Agility:< / label > < br >
2021-01-18 14:18:14 +00:00
< input type = "string" 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-18 14:18:14 +00:00
< div class = "id-box fade-in" id = "id-edit" style = "display: none" >
< div class = "id-edit1" >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "sdPct" class = "idLabel" id = "sdPct-label" > Spell Damage %:< / label > < br >
< input type = "number" id = "sdPct" name = "sdPct" value = "0" class = "idInput" / >
< / div >
< div id = "sdPct-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "sdRaw" class = "idLabel" id = "sdRaw-label" > Spell Damage Raw:< / label > < br >
< input type = "number" id = "sdRaw" name = "sdRaw" value = "0" class = "idInput" / >
< / div >
< div id = "sdRaw-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "mdPct" class = "idLabel" id = "mdPct-label" > Melee Damage %:< / label > < br >
< input type = "number" id = "mdPct" name = "mdPct" value = "0" class = "idInput" / >
< / div >
< div id = "mdPct-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "mdRaw" class = "idLabel" id = "mdRaw-label" > Melee Damage Raw:< / label > < br >
< input type = "number" id = "mdRaw" name = "mdRaw" value = "0" class = "idInput" / >
< / div >
< div id = "mdRaw-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "poison" class = "idLabel" id = "poison-label" > Poison:< / label > < br >
< input type = "number" id = "poison" name = "poison" value = "0" class = "idInput" / >
< / div >
< div id = "poison-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "eDamPct" class = "idLabel" id = "eDamPct-label" > Earth Damage %:< / label > < br >
< input type = "number" id = "eDamPct" name = "eDamPct" value = "0" class = "idInput" / >
< / div >
< div id = "eDamPct-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "tDamPct" class = "idLabel" id = "tDamPct-label" > Thunder Damage %:< / label > < br >
< input type = "number" id = "tDamPct" name = "tDamPct" value = "0" class = "idInput" / >
< / div >
< div id = "tDamPct-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "wDamPct" class = "idLabel" id = "wDamPct-label" > Water Damage %:< / label > < br >
< input type = "number" id = "wDamPct" name = "wDamPct" value = "0" class = "idInput" / >
< / div >
< div id = "wDamPct-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "fDamPct" class = "idLabel" id = "fDamPct-label" > Fire Damage %:< / label > < br >
< input type = "number" id = "fDamPct" name = "fDamPct" value = "0" class = "idInput" / >
< / div >
< div id = "fDamPct-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "aDamPct" class = "idLabel" id = "aDamPct-label" > Air Damage %:< / label > < br >
< input type = "number" id = "aDamPct" name = "aDamPct" value = "0" class = "idInput" / >
< / div >
< div id = "aDamPct-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "eDefPct" class = "idLabel" id = "eDefPct-label" > Earth Defense %:< / label > < br >
< input type = "number" id = "eDefPct" name = "eDefPct" value = "0" class = "idInput" / >
< / div >
< div id = "eDefPct-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "tDefPct" class = "idLabel" id = "tDefPct-label" > Thunder Defense %:< / label > < br >
< input type = "number" id = "tDefPct" name = "tDefPct" value = "0" class = "idInput" / >
< / div >
< div id = "tDefPct-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "wDefPct" class = "idLabel" id = "wDefPct-label" > Water Defense %:< / label > < br >
< input type = "number" id = "wDefPct" name = "wDefPct" value = "0" class = "idInput" / >
< / div >
< div id = "wDefPct-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "fDefPct" class = "idLabel" id = "fDefPct-label" > Fire Defense %:< / label > < br >
< input type = "number" id = "fDefPct" name = "fDefPct" value = "0" class = "idInput" / >
< / div >
< div id = "fDefPct-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "aDefPct" class = "idLabel" id = "aDefPct-label" > Air Defense %:< / label > < br >
< input type = "number" id = "aDefPct" name = "aDefPct" value = "0" class = "idInput" / >
< / div >
< div id = "aDefPct-base" >
Original Value: 0
< / div >
< / div >
< / div >
< / div >
< div class = "id-edit2" >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "hprRaw" class = "idLabel" id = "hprRaw-label" > Health Regen Raw:< / label > < br >
< input type = "number" id = "hprRaw" name = "hprRaw" value = "0" class = "idInput" / >
< / div >
< div id = "hprRaw-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "hprPct" class = "idLabel" id = "hprPct-label" > Health Regen %:< / label > < br >
< input type = "number" id = "hprPct" name = "hprPct" value = "0" class = "idInput" / >
< / div >
< div id = "hprPct-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "hpBonus" class = "idLabel" id = "hpBonus-label" > Health Bonus:< / label > < br >
< input type = "number" id = "hpBonus" name = "hpBonus" value = "0" class = "idInput" / >
< / div >
< div id = "hpBonus-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "atkTier" class = "idLabel" id = "atkTier-label" > Attack Speed Bonus:< / label > < br >
< input type = "number" id = "atkTier" name = "atkTier" value = "0" class = "idInput" / >
< / div >
< div id = "atkTier-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "spPct1" class = "idLabel" id = "spPct1-label" > 1st Spell Cost %:< / label > < br >
< input type = "number" id = "spPct1" name = "spPct1" value = "0" class = "idInput" / >
< / div >
< div id = "spPct1-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "spPct2" class = "idLabel" id = "spPct2-label" > 2nd Spell Cost %:< / label > < br >
< input type = "number" id = "spPct2" name = "spPct2" value = "0" class = "idInput" / >
< / div >
< div id = "spPct2-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "spPct3" class = "idLabel" id = "spPct3-label" > 3rd Spell Cost %:< / label > < br >
< input type = "number" id = "spPct3" name = "spPct3" value = "0" class = "idInput" / >
< / div >
< div id = "spPct3-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "spPct4" class = "idLabel" id = "spPct4-label" > 4th Spell Cost %:< / label > < br >
< input type = "number" id = "spPct4" name = "spPct4" value = "0" class = "idInput" / >
< / div >
< div id = "spPct4-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "spRaw1" class = "idLabel" id = "spRaw1-label" > 1st Spell Cost Raw:< / label > < br >
< input type = "number" id = "spRaw1" name = "spRaw1" value = "0" class = "idInput" / >
< / div >
< div id = "spRaw1-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "spRaw2" class = "idLabel" id = "spRaw2-label" > 2nd Spell Cost Raw:< / label > < br >
< input type = "number" id = "spRaw2" name = "spRaw2" value = "0" class = "idInput" / >
< / div >
< div id = "spRaw2-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "spRaw3" class = "idLabel" id = "spRaw3-label" > 3rd Spell Cost Raw:< / label > < br >
< input type = "number" id = "spRaw3" name = "spRaw3" value = "0" class = "idInput" / >
< / div >
< div id = "spRaw3-base" >
Original Value: 0
< / div >
< / div >
< / div >
< div class = "idCenter" >
< div class = "idWrap" >
< div >
< label for = "spRaw4" class = "idLabel" id = "spRaw4-label" > 4th Spell Cost Raw:< / label > < br >
< input type = "number" id = "spRaw4" name = "spRaw4" value = "0" class = "idInput" / >
< / div >
< div id = "spRaw4-base" >
Original Value: 0
< / div >
< / div >
< / div >
< / div >
< / div >
< br >
2021-01-09 08:52:58 +00:00
< div class = "center" >
< button class = "button" id = "update-button" onclick = "updateStats()" >
Update Stats
< / button >
2021-01-18 14:18:14 +00:00
< button class = "button" id = "show-id-button" onclick = "toggleID()" >
2021-01-18 09:10:28 +00:00
Edit IDs
2021-01-18 14:18:14 +00:00
< / button >
2021-01-09 08:52:58 +00:00
< / div >
2021-01-14 02:13:41 +00:00
< div class = "build hide-container-grid" style = "display: none;" >
2021-01-11 12:09:58 +00:00
< div class = "center build-helmet" id = "build-helmet" style = "grid-item-1" >
2021-01-07 08:11:54 +00:00
< div class = "center" id = "build-helmet-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-11 12:09:58 +00:00
< div class = "center build-chestplate" id = "build-chestplate" style = "grid-item-2" >
2021-01-07 08:11:54 +00:00
< div class = "center" id = "build-chestplate-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-11 12:09:58 +00:00
< div class = "center build-leggings" id = "build-leggings" style = "grid-item-3" >
2021-01-07 08:11:54 +00:00
< div class = "center" id = "build-leggings-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-11 12:09:58 +00:00
< div class = "center build-boots" id = "build-boots" style = "grid-item-4" >
2021-01-07 08:11:54 +00:00
< div class = "center" id = "build-boots-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-11 12:09:58 +00:00
< div class = "center build-ring1" id = "build-ring1" style = "grid-item-5" >
2021-01-07 08:11:54 +00:00
< div class = "center" id = "build-ring1-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-11 12:09:58 +00:00
< div class = "center build-ring2" id = "build-ring2" style = "grid-item-6" >
2021-01-07 08:11:54 +00:00
< div class = "center" id = "build-ring2-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-11 12:09:58 +00:00
< div class = "center build-leggings" id = "build-bracelet" style = "grid-item-7" >
2021-01-07 08:11:54 +00:00
< div class = "center" id = "build-bracelet-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-11 12:09:58 +00:00
< div class = "center build-boots" id = "build-necklace" style = "grid-item-8" >
2021-01-07 08:11:54 +00:00
< div class = "center" id = "build-necklace-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-11 12:09:58 +00:00
< div class = "center build-weapon" id = "build-weapon" style = "grid-item-9" >
2021-01-07 08:11:54 +00:00
< div class = "center" id = "build-weapon-stats" > < / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-11 12:09:58 +00:00
< div class = "center build-order" id = "build-order" style = "grid-item-10" >
2021-01-09 23:30:05 +00:00
< / div >
2021-01-11 12:09:58 +00:00
< div class = "center build-melee-stats" id = "build-melee-stats" style = "grid-item-11" >
2021-01-10 10:02:23 +00:00
< / div >
2021-01-11 12:09:58 +00:00
< div class = "center build-defense-stats" id = "build-defense-stats" style = "grid-item-12" >
2021-01-10 04:29:07 +00:00
< / div >
2021-01-07 00:04:16 +00:00
< / div >
2021-01-14 02:13:41 +00:00
< div class = "spells hide-container-grid" style = "display: none;" >
2021-01-11 12:09:58 +00:00
< div class = "center spell-info" id = "spell0" style = "grid-item-1" >
2021-01-09 08:52:58 +00:00
<!-- 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-11 12:09:58 +00:00
< div class = "center spell-info" id = "spell1" style = "grid-item-2" >
2021-01-09 08:52:58 +00:00
<!-- 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-11 12:09:58 +00:00
< div class = "center spell-info" id = "spell2" style = "grid-item-3" >
2021-01-09 08:52:58 +00:00
<!-- 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-11 12:09:58 +00:00
< div class = "center spell-info" id = "spell3" style = "grid-item-4" >
2021-01-09 08:52:58 +00:00
<!-- 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-10 04:50:07 +00:00
< div class = "misc" >
2021-01-14 02:13:41 +00:00
< div class = "center set-info" id = "set-info-div" style = "grid-column:1;grid-row:1; display: none;" >
2021-01-10 04:50:07 +00:00
< div class = "center" id = "set-info" > Set info< / div >
< / div >
2021-01-18 12:10:28 +00:00
< div class = "center int-info" id = "int-info-div" style = "grid-column:4;grid-row:1; display: none;" >
2021-01-15 18:20:17 +00:00
< div class = "center" id = "int-info" > Next Spell Costs< / div >
< / div >
2021-01-10 04:50:07 +00:00
< / div >
2021-01-11 01:42:09 +00:00
< div class = "center" id = "header2" >
< 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 >
< / div >
< div class = "center" id = "credits" >
< a href = "credits.txt" class = "link" > Additional credits< / a >
< / 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 >
2021-01-19 17:32:27 +00:00
< script type = "text/javascript" src = "build_utils.js" > < / script >
2021-01-07 06:41:41 +00:00
< 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 >
2021-01-12 23:28:24 +00:00
< script type = "text/javascript" src = "builder.js" > < / script >
2021-01-06 12:48:41 +00:00
< / body >
< / html >
