Difference between revisions of "Widget:HealCalculator"

From Dragalia Lost Wiki
Jump to navigation Jump to search
>@DeletedUser41383047
>LikableBrute
m
 
(33 intermediate revisions by 4 users not shown)
Line 5: Line 5:
 
       var STR = document.getElementById('STR').value;
 
       var STR = document.getElementById('STR').value;
 
       var PTNCY = document.getElementById('PTNCY').value / 100;
 
       var PTNCY = document.getElementById('PTNCY').value / 100;
       var PTNCYB = document.getElementById('PTNCYB').value / 100 + 1;
+
       var PTNCYB = document.getElementById('PTNCYB').value / 100;
       var COBUFF = document.getElementById('COBUFF').value / 100 + 1;
+
      var STRB = document.getElementById('STRB').value / 100 + 1;
 +
      var SCOBUFF = document.getElementById("Strength coAbility")[document.getElementById("Strength coAbility").selectedIndex].value / 100 + 1;
 +
       var HCOBUFF = document.getElementById("Healing coAbility")[document.getElementById("Healing coAbility").selectedIndex].value / 100 + 1;
 
       if (document.getElementById('ELEM').checked) {
 
       if (document.getElementById('ELEM').checked) {
 
         var EBUFF = 1.2;
 
         var EBUFF = 1.2;
Line 22: Line 24:
 
         var REGEN = document.getElementById('REGEN').value / 100;
 
         var REGEN = document.getElementById('REGEN').value / 100;
 
         var TIMES = Math.floor(DUR/FREQ);
 
         var TIMES = Math.floor(DUR/FREQ);
         var RTOTAL = (((0.65*HP + 0.2*STR) * REGEN * PTNCYB * COBUFF) / TARG) * EBUFF * TIMES;
+
         var RTOTAL = (((0.64*HP + 0.24*(STR * STRB * SCOBUFF)) * REGEN * (PTNCYB + HCOBUFF)) / TARG) * EBUFF * TIMES;
         var TOTAL = (((0.65*HP + 0.2*STR) * PTNCY * PTNCYB * COBUFF) / TARG) * EBUFF + RTOTAL;
+
         var TOTAL = (((0.64*HP + 0.24*(STR * STRB * SCOBUFF)) * PTNCY * (PTNCYB + HCOBUFF)) / TARG) * EBUFF + RTOTAL;
 
       } else {
 
       } else {
         var TOTAL = (((0.65*HP + 0.2*STR) * PTNCY * PTNCYB * COBUFF) / TARG) * EBUFF;
+
         var TOTAL = (((0.64*HP + 0.24*(STR * STRB * SCOBUFF)) * PTNCY * (PTNCYB + HCOBUFF)) / TARG) * EBUFF;
 
       }
 
       }
       document.getElementById("total").innerHTML = Math.floor(TOTAL);
+
      var MINRANGETOTAL = TOTAL*.95;
 +
      var MAXRANGETOTAL = TOTAL*1.05;
 +
       document.getElementById("total").innerHTML = Math.floor(MINRANGETOTAL) + "-" + Math.floor(MAXRANGETOTAL);
 
       console.log(RTOTAL);
 
       console.log(RTOTAL);
 
     }
 
     }
Line 40: Line 44:
 
     </script>
 
     </script>
 
     <div style="width:100%">
 
     <div style="width:100%">
     <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>HP: </div></div>
+
     <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>HP </div></div>
     <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div id="adv-hp" style="display:inline;"><input type="number" id="HP" class="a"></div></div>
+
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div style="display:inline;"><input type="number" id="HP" class="a"></div></div>
 +
    </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>STR </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div style="display:inline;"><input type="number" id="STR" class="a"></div></div>
 +
    </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>Potency % </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div style="display:inline;"><input type="number" id="PTNCY" class="a"></div></div>
 +
    </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>Potency Buff % </div></div>
 +
     <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div style="display:inline;"><input type="number" id="PTNCYB" class="a"></div></div>
 +
    </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>Active Strength Buff % </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div style="display:inline;"><input type="number" id="STRB" class="a"></div></div>
 +
    </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>Healing CoAbility % </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div style="display:inline;"><select id="Healing coAbility" name="Healing coAbility">
 +
                <option value="0">Recovery Potency +0%</option>
 +
                <option value="2">Recovery Potency +2%</option>
 +
                <option value="4">Recovery Potency +4%</option>
 +
                <option value="6">Recovery Potency +6%</option>
 +
                <option value="8">Recovery Potency +8%</option>
 +
                <option value="10">Recovery Potency +10%</option>
 +
                <option value="12">Recovery Potency +12%</option>
 +
                <option value="14">Recovery Potency +14%</option>
 +
                <option value="16">Recovery Potency +16%</option>
 +
                <option value="20">Recovery Potency +20%</option>
 +
            </select></div></div>
 +
    </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>Strength CoAbility % </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div style="display:inline;"><select id="Strength coAbility" name="Strength coAbility">
 +
                <option value="0">Strength +0%</option>
 +
                <option value="1">Strength +1%</option>
 +
                <option value="2">Strength +2%</option>
 +
                <option value="3">Strength +3%</option>
 +
                <option value="4">Strength +4%</option>
 +
                <option value="5">Strength +5%</option>
 +
                <option value="6">Strength +6%</option>
 +
                <option value="7">Strength +7%</option>
 +
                <option value="8">Strength +8%</option>
 +
                <option value="10">Strength +10%</option>
 +
            </select></div></div>
 +
    </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>Same Element? </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div style="display:inline;"><input type="checkbox" id="ELEM">Check for yes.</div></div>
 +
    </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>Raid? </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div style="display:inline;"><input type= "checkbox" id="RAID">Check for yes.</div></div>
 +
    </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>Include Healing Over Time? </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div style="display:inline;"><input type="checkbox" id="checkbox" onclick="display()">Check for yes.</div></div>
 
     </div>
 
     </div>
    <p>STR: <input type="number" id="STR" class='a'></p>
 
    <p>Potency %: <input type="number" id="PTNCY" class='a'></p>
 
    <p>Potency Buff %: <input type="number" id="PTNCYB" class='a'></p>
 
    <p>CoAbility %: <input type="number" id="COBUFF" class='a'></p>
 
    <p>Same Element?: <input type="checkbox" id="ELEM"> Check for yes.</p>
 
    <p>Raid?: <input type= "checkbox" id="RAID">Check for yes.</p>
 
    <p>Include Healing Over Time?<input type="checkbox" id="checkbox" onclick="display()">Check for yes.</p>
 
 
     <div id="HOT" style="display:none">
 
     <div id="HOT" style="display:none">
      <p>REGEN%: <input type="number" id="REGEN" class='a'></p>
+
    <div style="width:100%">
      <p>DURATION: <input type="number" id="DUR"class='a'></p>
+
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>REGEN% </div></div>
      <p>HEAL FREQUENCY: <input type="number" id="FREQ"class='a'></p>
+
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div style="display:inline;"><input type="number" id="REGEN" class="a"></div></div>
 +
    </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>DURATION </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div style="display:inline;"><input type="number" id="DUR" class="a"></div></div>
 +
    </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>HEAL FREQUENCY </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div style="display:inline;"><input type="number" id="FREQ" class="a"></div></div>
 +
    </div>
 +
    </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>Total Heal </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div id="total" style="display:inline;"></div></div>
 
     </div>
 
     </div>
    <p>Total Heal:</p>
 
    <p id="total"> </p>
 
 
     <button onclick="calculate()">
 
     <button onclick="calculate()">
 
       Calculate
 
       Calculate
 
     </button>
 
     </button>
 
</includeonly>
 
</includeonly>

Latest revision as of 21:08, 24 April 2019