JSFiddle - React, Tailwind, and code Playground

by Stev Peifer

JavaScript

//~ class:1 - basic
                    //~ class:2 - threshold
                    //~ class:3 - basic

                    //~ weapons:1 - single wield
                    //~ weapons:2 - dual wield
                    //~ weapons:3 - two handed
                    //~ Exclude weapons entirely if ability requires no weapons

                    //~ type:1 - attack
                    //~ type:2 - constitution
                    //~ type:3 - defence
                    //~ type:4 - magic
                    //~ type:5 - ranged
                    //~ type:6 - strength

                    //~ shield:true
                    //~ Exclude shield entirely if ability requires no shield

                        var abilityArray=[
                           {
                               class:1,
                               cooldown:3,
                               description:'Slice your target for up to 125% weapon damage. In addition, has a 10% greater chance of being a critical hit.',
                               level:1,
                               name:'Slice',
                               type:1,
                               weapons:1
                           },
                           {
                               class:2,
                               cooldown:30,
                               description:'Cause your target to bleed for 100-250% weapon damage over 5 seconds. If the target moves location, they suffer 3x damage.',
                               level:2,
                               name:'Slaughter',
                               type:1,
                               weapons:1
                           },
                       ]