encounter.html

---
layout: default
title: Encounter
---

<div id="encounter">
    <div class="inputs">
        <div class="edition-switcher">
            <button disabled="disabled">PF 2e</button>
            <a href="{{ '/5e-encounter' | prepend: site.baseurl }}">
                <button>D&D 5e</button>
            </a>
        </div>
        <div>
            <label>Average Party Level</label>
            <input
                id="average-party-level"
                type="number"
                placeholder="Average Party Level"
                min="1"
                max="20"
                autofocus="true"
            />
        </div>
        <div>
            <label>Number of Players</label>
            <input
                id="number-of-players"
                type="number"
                placeholder="Number of Players"
                min="1"
                max="20"
                value="4"
            />
        </div>
        <div>
            <label>Encounter Group</label>
            <select id="encounter-group">
                <optgroup label="Solo">
                    <option>Trivial</option>
                    <option>Low</option>
                    <option selected="selected">Moderate</option>
                    <option>Severe</option>
                    <option>Extreme</option>
                </optgroup>
                <optgroup label="Group">
                    <option>Mook Squad (Low)</option>
                    <option>Troop (Moderate)</option>
                    <option>Mated Pair (Moderate)</option>
                    <option>Lieutenant and Lackeys (Moderate)</option>
                    <option>Elite Enemies (Severe)</option>
                    <option>Boss and Lieutenant (Severe)</option>
                    <option>Boss and Lackeys (Severe)</option>
                </optgroup>
            </select>
        </div>
    </div>

    <div id="encounters"></div>

    <script
        type="text/javascript"
        src="{{ '/assets/js/archetypes.js' | prepend: site.baseurl }}"
    ></script>
    <script>
        document
            .getElementById("average-party-level")
            .addEventListener("change", (e) => {
                encounter();
            });
        document
            .getElementById("number-of-players")
            .addEventListener("change", (e) => {
                encounter();
            });
        document
            .getElementById("encounter-group")
            .addEventListener("change", (e) => {
                encounter();
            });

        function encounter() {
            var level = parseInt(
                document.getElementById("average-party-level").value,
                10
            );
            var players = parseInt(
                document.getElementById("number-of-players").value,
                10
            );
            var group = document.getElementById("encounter-group").value;
            var formInvalid = !(level && players && group);

            if (formInvalid) {
                return;
            }

            document.getElementById("encounters").innerHTML = "";

            var enemies = generateEnemies(level, group);
            enemies.forEach((enemy) => {
                addToEncounter(enemy);
            });
            console.log(enemies);
        }

        function generateEnemies(level, group) {
            console.log(">>> generateEnemies", level, group);
            var enemies = [
                rollEnemy({
                    archetype: archetype(),
                    trait: creatureType(),
                    level: Math.max(level - 4, -1),
                }),
                rollEnemy({
                    archetype: archetype(),
                    trait: creatureType(),
                    level: Math.max(level - 3, -1),
                }),
                rollEnemy({
                    archetype: archetype(),
                    trait: creatureType(),
                    level: Math.max(level - 2, -1),
                }),
                rollEnemy({
                    archetype: archetype(),
                    trait: creatureType(),
                    level: Math.max(level - 1, -1),
                }),
                rollEnemy({
                    archetype: archetype(),
                    trait: creatureType(),
                    level: level,
                }),
                rollEnemy({
                    archetype: archetype(),
                    trait: creatureType(),
                    level: level + 1,
                }),
                rollEnemy({
                    archetype: archetype(),
                    trait: creatureType(),
                    level: level + 2,
                }),
                rollEnemy({
                    archetype: archetype(),
                    trait: creatureType(),
                    level: level + 3,
                }),
                rollEnemy({
                    archetype: archetype(),
                    trait: creatureType(),
                    level: level + 4,
                }),
            ];

            var trivial = Object.create(enemies[4]);
            trivial.role = "Trivial";
            var low = Object.create(enemies[5]);
            low.role = "Low";
            var moderate = Object.create(enemies[6]);
            moderate.role = "Moderate";
            var severe = Object.create(enemies[7]);
            severe.role = "Severe";
            var extreme = Object.create(enemies[8]);
            extreme.role = "Extreme";
            var mook = Object.create(enemies[0]);
            mook.role = "Mook";
            var lackey = Object.create(enemies[0]);
            lackey.role = "Lackey";
            var trooper = Object.create(enemies[2]);
            trooper.role = "Trooper";
            var troopLead = Object.create(enemies[4]);
            troopLead.role = "Troop Lead";
            var mated = Object.create(enemies[4]);
            mated.role = "Mated";
            var lieutenant = Object.create(enemies[4]);
            lieutenant.role = "Lieutenant";
            var elite = Object.create(enemies[4]);
            elite.role = "Elite";
            var boss = Object.create(enemies[6]);
            boss.role = "Boss";

            switch (group) {
                case "Trivial":
                    return [trivial];
                    break;
                case "Low":
                    return [low];
                    break;
                case "Moderate":
                    return [moderate];
                    break;
                case "Severe":
                    return [severe];
                    break;
                case "Extreme":
                    return [extreme];
                    break;
                case "Mook Squad (Low)":
                    return [mook, mook, mook, mook, mook, mook];
                    break;
                case "Troop (Moderate)":
                    return [troopLead, trooper, trooper];
                    break;
                case "Mated Pair (Moderate)":
                    return [mated, mated];
                    break;
                case "Lieutenant and Lackeys (Moderate)":
                    return [lieutenant, lackey, lackey, lackey, lackey];
                    break;
                case "Elite Enemies (Severe)":
                    return [elite, elite, elite];
                    break;
                case "Boss and Lieutenant (Severe)":
                    return [boss, lieutenant, lieutenant];
                    break;
                case "Boss and Lackeys (Severe)":
                    return [boss, lackey, lackey, lackey, lackey];
                    break;
            }
            return [];
        }

        function archetype() {
            var archetypes = [
                "brute",
                "magical striker",
                "skill paragon",
                "skirmisher",
                "sniper",
                "soldier",
                "spellcaster",
            ];

            return archetypes[d(archetypes.length) - 1];
        }

        function creatureType() {
            var creatureType = [
                "Aberration",
                "Animal",
                "Astral",
                "Beast",
                "Celestial",
                "Construct",
                "Dragon",
                "Elemental",
                "Ethereal",
                "Fey",
                "Fiend",
                "Fungus",
                "Monitor",
                "Ooze",
                "Plant",
                "Spirit",
                "Undead",
                "Humanoid",
            ];
            return creatureType[d(creatureType.length - 1)];
        }

        function rollEnemy(enemy) {
            console.log(">>> rollEnemy", enemy);
            enemy.initiative = perception(enemy)[2] + d(20);
            enemy.speed = 25;
            enemy.str = abilityScores(enemy)[2];
            enemy.dex = abilityScores(enemy)[2];
            enemy.con = abilityScores(enemy)[2];
            enemy.int = abilityScores(enemy)[2];
            enemy.wis = abilityScores(enemy)[2];
            enemy.cha = abilityScores(enemy)[2];
            enemy.perception = perception(enemy)[2];
            enemy.acrobatics = skills(enemy)[2];
            enemy.arcana = skills(enemy)[2];
            enemy.athletics = skills(enemy)[2];
            enemy.crafting = skills(enemy)[2];
            enemy.deception = skills(enemy)[2];
            enemy.diplomacy = skills(enemy)[2];
            enemy.intimidation = skills(enemy)[2];
            enemy.lore = skills(enemy)[2];
            enemy.medicine = skills(enemy)[2];
            enemy.nature = skills(enemy)[2];
            enemy.occultism = skills(enemy)[2];
            enemy.performance = skills(enemy)[2];
            enemy.religion = skills(enemy)[2];
            enemy.society = skills(enemy)[2];
            enemy.stealth = skills(enemy)[2];
            enemy.survival = skills(enemy)[2];
            enemy.armorClass = armorClass(enemy)[2];
            enemy.fortitude = savingThrows(enemy)[2];
            enemy.reflex = savingThrows(enemy)[2];
            enemy.will = savingThrows(enemy)[2];
            enemy.hitPoints = rollHitPoints(hitPoints(enemy)[1]);
            enemy.attackBonus = attackBonus(enemy)[2];
            enemy.strikeDamage = strikeDamage(enemy)[2];
            enemy.spellDifficultyClass = spellDifficultyClass(enemy)[2];
            enemy.spellAttackBonus = spellAttackBonus(enemy)[2];
            enemy.limitedUseAreaDamage = limitedUseAreaDamage(enemy);
            enemy.unlimitedUseAreaDamage = unlimitedUseAreaDamage(enemy);
            console.log(">>> rollEnemy", enemy);

            switch (enemy.archetype) {
                case "brute":
                    return rollBrute(enemy);
                    break;
                case "magical striker":
                    return rollMagicalStriker(enemy);
                    break;
                case "skill paragon":
                    return rollSkillParagon(enemy);
                    break;
                case "skirmisher":
                    return rollSkirmisher(enemy);
                    break;
                case "sniper":
                    return rollSniper(enemy);
                    break;
                case "soldier":
                    return rollSoldier(enemy);
                    break;
                case "spellcaster":
                    return rollSpellcaster(enemy);
                    break;
            }

            return enemy;
        }

        function rollBrute(enemy) {
            console.log(">>> rollBrute", enemy);
            enemy.perception = perception(enemy)[3]; // low perception
            enemy.str = abilityScores(enemy)[d(2) - 1]; // extreme-high str
            enemy.con = abilityScores(enemy)[1 + d(2) - 1]; // high-moderate con
            enemy.dex = abilityScores(enemy)[3]; // low dex
            enemy.int = abilityScores(enemy)[3]; // low int
            enemy.wis = abilityScores(enemy)[3]; // low wis
            enemy.cha = abilityScores(enemy)[3]; // low cha
            enemy.armorClass = armorClass(enemy)[2 + d(2) - 1]; // moderate-low ac
            enemy.fortitude = savingThrows(enemy)[1]; // high fortitude
            if (d(20) % 2 == 0) {
                enemy.reflex = savingThrows(enemy)[3]; // low reflex
            }
            if (d(20) % 2 == 0) {
                enemy.will = savingThrows(enemy)[3]; // low will
            }
            enemy.hitPoints = rollHitPoints(hitPoints(enemy)[0]); // high hp
            if (d(20) % 2 == 0) {
                enemy.attackBonus = attackBonus(enemy)[1]; // high attack bonus
                enemy.strikeDamage = strikeDamage(enemy)[1]; // high strike damage
            } else {
                enemy.strikeDamage = strikeDamage(enemy)[0]; // extreme strike damage
            }

            console.log(">>> rollBrute", enemy);
            return enemy;
        }

        function rollMagicalStriker(enemy) {
            console.log(">>> rollMagicalStriker", enemy);
            enemy.attackBonus = attackBonus(enemy)[1]; // high attack
            enemy.spellAttackBonus = spellAttackBonus(enemy)[1]; // high attack
            enemy.strikeDamage = strikeDamage(enemy)[1]; // high damage
            enemy.spellDifficultyClass =
                spellDifficultyClass(enemy)[1 + d(2) - 1]; // moderate-high spell DC
            // either a scattering of innate spells or prepared or spontaneous spells up to half the creature’s level (rounded up) minus 1
            console.log(">>> rollMagicalStriker", enemy);
            return enemy;
        }

        function rollSkillParagon(enemy) {
            console.log(">>> rollSkillParagon", enemy);
            // high or extreme ability modifier matching its best skills;
            // typically high Reflex or Will and low Fortitude;
            // many skills at moderate or high and potentially one or two extreme skills;
            // at least one special ability to use the creature’s skills in combat
            console.log(">>> rollSkillParagon", enemy);
            return enemy;
        }

        function rollSkirmisher(enemy) {
            console.log(">>> rollSkirmisher", enemy);
            enemy.dex = abilityScores(enemy)[1]; // high dex
            enemy.fortitude = savingThrows(enemy)[3]; // low fortitude
            enemy.reflex = savingThrows(enemy)[1]; //high reflex
            enemy.speed += 10;
            console.log(">>> rollSkirmisher", enemy);
            return enemy;
        }

        function rollSniper(enemy) {
            console.log(">>> rollSniper", enemy);
            enemy.perception = perception(enemy)[1]; // high perception
            enemy.dex = abilityScores(enemy)[1]; // high dex
            enemy.fortitude = savingThrows(enemy)[3]; // low fortitude
            enemy.reflex = savingThrows(enemy)[1]; // high reflex
            enemy.hitPoints = rollHitPoints(hitPoints(enemy)[[1 + d(2) - 1]]); // moderate-low hp
            if (d(20) % 2 == 0) {
                enemy.attackBonus = attackBonus(enemy)[1]; // high attack bonus
                enemy.strikeDamage = strikeDamage(enemy)[1]; // high strike damage
            } else {
                enemy.strikeDamage = strikeDamage(enemy)[0]; // extreme strike damage
            }
            // (melee Strikes are weaker)
            console.log(">>> rollSniper", enemy);
            return enemy;
        }

        function rollSoldier(enemy) {
            console.log(">>> rollSoldier", enemy);
            enemy.str = abilityScores(enemy)[1]; // high str
            enemy.armorClass = armorClass(enemy)[d(2) - 1]; // high-extreme AC
            enemy.fortitude = savingThrows(enemy)[1]; // high fortitude
            enemy.attackBonus = attackBonus(enemy)[1]; // high attack bonus
            enemy.strikeDamage = strikeDamage(enemy)[1]; // high strike damage
            // Attack of Opportunity or other tactical abilities
            console.log(">>> rollSoldier", enemy);
            return enemy;
        }

        function rollSpellcaster(enemy) {
            console.log(">>> rollSpellcaster", enemy);
            var casterAbility = ["int", "wis", "cha"][d(2)];
            var casterAbilitySelector = d(2) - 1;
            enemy[casterAbility] = abilityScores(enemy)[casterAbilitySelector]; // high or extreme modifier for the corresponding mental ability
            if (casterAbility == "wis") {
                enemy.perception = perception(enemy)[casterAbilitySelector]; // high or extreme perception
            }
            enemy.fortitude = savingThrows(enemy)[3]; // low fortitude
            enemy.will = savingThrows(enemy)[1]; // high will
            enemy.hitPoints = rollHitPoints(hitPoints(enemy)[[2]]); // low hp
            enemy.attackBonus = attackBonus(enemy)[3]; // low attack bonus
            if (d(20) % 2 == 0) {
                enemy.strikeDamage = strikeDamage(enemy)[3]; // low strike damage
            }
            enemy.spellDifficultyClass = spellDifficultyClass(enemy)[d(2) - 1]; // high-extreme spell DCs
            // prepared or spontaneous spells up to half the creature’s level (rounded up)
            console.log(">>> rollSpellcaster", enemy);
            return enemy;
        }

        function addToEncounter(enemy) {
            var statBlock = `
                      <div class="name">
                          <span class="js-name">${enemy.role} ${
                enemy.archetype
            }</span>
                          <span class="level">Creature <span class="js-level">${
                              enemy.level
                          }</span></span>
                      </div>
                      <hr />
                      <div class="reroll js-reroll">
                          <svg
                              class="dice"
                              xmlns="http://www.w3.org/2000/svg"
                              viewBox="0 0 100 100"
                          >
                              <path
                                  stroke="#58170D"
                                  d="M80.644,87.982l16.592-41.483c0.054-0.128,0.088-0.26,0.108-0.394c0.006-0.039,0.007-0.077,0.011-0.116  c0.007-0.087,0.008-0.174,0.002-0.26c-0.003-0.046-0.007-0.091-0.014-0.137c-0.014-0.089-0.036-0.176-0.063-0.262  c-0.012-0.034-0.019-0.069-0.031-0.103c-0.047-0.118-0.106-0.229-0.178-0.335c-0.004-0.006-0.006-0.012-0.01-0.018L67.999,3.358  c-0.01-0.013-0.003-0.026-0.013-0.04L68,3.315V4c0,0-0.033,0-0.037,0c-0.403-1-1.094-1.124-1.752-0.976  c0,0.004-0.004-0.012-0.007-0.012C66.201,3.016,66.194,3,66.194,3H66.19h-0.003h-0.003h-0.004h-0.003c0,0-0.004,0-0.007,0  s-0.003-0.151-0.007-0.151L20.495,15.227c-0.025,0.007-0.046-0.019-0.071-0.011c-0.087,0.028-0.172,0.041-0.253,0.083  c-0.054,0.027-0.102,0.053-0.152,0.085c-0.051,0.033-0.101,0.061-0.147,0.099c-0.044,0.036-0.084,0.073-0.124,0.113  c-0.048,0.048-0.093,0.098-0.136,0.152c-0.03,0.039-0.059,0.076-0.085,0.117c-0.046,0.07-0.084,0.145-0.12,0.223  c-0.011,0.023-0.027,0.042-0.036,0.066L2.911,57.664C2.891,57.715,3,57.768,3,57.82v0.002c0,0.186,0,0.375,0,0.562  c0,0.004,0,0.004,0,0.008c0,0,0,0,0,0.002c0,0,0,0,0,0.004v0.004v0.002c0,0.074-0.002,0.15,0.012,0.223  C3.015,58.631,3,58.631,3,58.633c0,0.004,0,0.004,0,0.008c0,0,0,0,0,0.002c0,0,0,0,0,0.004v0.004c0,0,0,0,0,0.002v0.004  c0,0.191-0.046,0.377,0.06,0.545c0-0.002-0.03,0.004-0.03,0.004c0,0.004-0.03,0.004-0.03,0.004c0,0.002,0,0.002,0,0.002  l-0.045,0.004c0.03,0.047,0.036,0.09,0.068,0.133l29.049,37.359c0.002,0.004,0,0.006,0.002,0.01c0.002,0.002,0,0.004,0.002,0.008  c0.006,0.008,0.014,0.014,0.021,0.021c0.024,0.029,0.052,0.051,0.078,0.078c0.027,0.029,0.053,0.057,0.082,0.082  c0.03,0.027,0.055,0.062,0.086,0.088c0.026,0.02,0.057,0.033,0.084,0.053c0.04,0.027,0.081,0.053,0.123,0.076  c0.005,0.004,0.01,0.008,0.016,0.01c0.087,0.051,0.176,0.09,0.269,0.123c0.042,0.014,0.082,0.031,0.125,0.043  c0.021,0.006,0.041,0.018,0.062,0.021c0.123,0.027,0.249,0.043,0.375,0.043c0.099,0,0.202-0.012,0.304-0.027l45.669-8.303  c0.057-0.01,0.108-0.021,0.163-0.037C79.547,88.992,79.562,89,79.575,89c0.004,0,0.004,0,0.004,0c0.021,0,0.039-0.027,0.06-0.035  c0.041-0.014,0.08-0.034,0.12-0.052c0.021-0.01,0.044-0.019,0.064-0.03c0.017-0.01,0.026-0.015,0.033-0.017  c0.014-0.008,0.023-0.021,0.037-0.028c0.14-0.078,0.269-0.174,0.38-0.285c0.014-0.016,0.024-0.034,0.038-0.048  c0.109-0.119,0.201-0.252,0.271-0.398c0.006-0.01,0.016-0.018,0.021-0.029c0.004-0.008,0.008-0.017,0.011-0.026  c0.002-0.004,0.003-0.006,0.005-0.01C80.627,88.021,80.635,88.002,80.644,87.982z M77.611,84.461L48.805,66.453l32.407-25.202  L77.611,84.461z M46.817,63.709L35.863,23.542l43.818,14.608L46.817,63.709z M84.668,40.542l8.926,5.952l-11.902,29.75  L84.668,40.542z M89.128,39.446L84.53,36.38l-6.129-12.257L89.128,39.446z M79.876,34.645L37.807,20.622L65.854,6.599L79.876,34.645  z M33.268,19.107l-6.485-2.162l23.781-6.487L33.268,19.107z M21.92,18.895l8.67,2.891L10.357,47.798L21.92,18.895z M32.652,24.649  l10.845,39.757L7.351,57.178L32.652,24.649z M43.472,67.857L32.969,92.363L8.462,60.855L43.472,67.857z M46.631,69.09l27.826,17.393  l-38.263,6.959L46.631,69.09z"
                                  data-reactid=".0.0.0.0.0.0"
                              ></path>
                          </svg>
                      </div>
                      <div><span class="js-trait">${enemy.trait}</span></div>
                      <div><b>Initiative</b> <span class="js-initiative">${
                          enemy.perception + d(20)
                      }</span></div>
                      <div><b>Perception</b> <span class="js-perception">${
                          enemy.perception
                      }</span></div>
                      <div>
                          <b>Skills</b>
                          Acrobatics <span class="js-acrobatics">+${
                              enemy.acrobatics
                          }</span>,
                          Arcana <span class="js-arcana">+${
                              enemy.arcana
                          }</span>,
                          Athletics <span class="js-athletics">+${
                              enemy.athletics
                          }</span>,
                          Crafting <span class="js-crafting">+${
                              enemy.crafting
                          }</span>,
                          Deception <span class="js-deception">+${
                              enemy.deception
                          }</span>,
                          Diplomacy <span class="js-diplomacy">+${
                              enemy.diplomacy
                          }</span>,
                          Intimidation <span class="js-intimidation">+${
                              enemy.intimidation
                          }</span>,
                          Lore <span class="js-lore">+${enemy.lore}</span>,
                          Medicine <span class="js-medicine">+${
                              enemy.medicine
                          }</span>,
                          Nature <span class="js-nature">+${
                              enemy.nature
                          }</span>,
                          Occultism <span class="js-occultism">+${
                              enemy.occultism
                          }</span>,
                          Performance <span class="js-performance">+${
                              enemy.performance
                          }</span>,
                          Religion <span class="js-religion">+${
                              enemy.religion
                          }</span>,
                          Society <span class="js-society">+${
                              enemy.society
                          }</span>,
                          Stealth <span class="js-stealth">+${
                              enemy.stealth
                          }</span>,
                          Survival <span class="js-survival">+${
                              enemy.survival
                          }</span>
                      </div>
                      <div>
                          <b>Str</b> <span class="js-str">+${enemy.str}</span>,
                          <b>Dex</b> <span class="js-dex">+${enemy.dex}</span>,
                          <b>Con</b> <span class="js-con">+${enemy.con}</span>,
                          <b>Int</b> <span class="js-int">+${enemy.int}</span>,
                          <b>Wis</b> <span class="js-wis">+${enemy.wis}</span>,
                          <b>Cha</b> <span class="js-cha">+${enemy.cha}</span>
                      </div>
                      <hr />
                      <div>
                          <b>AC</b> <span class="js-ac">${
                              enemy.armorClass
                          }</span>,
                          <b>Fort</b> <span class="js-fort">+${
                              enemy.fortitude
                          }</span>,
                          <b>Ref</b> <span class="js-ref">+${
                              enemy.reflex
                          }</span>,
                          <b>Will</b> <span class="js-will">+${
                              enemy.will
                          }</span>
                      </div>
                      <div>
                          <b>HP</b> <span class="js-hp">${
                              enemy.hitPoints
                          }</span>,
                          <b>Immunities</b> <span class="js-immunities">${
                              enemy.immunities
                          }</span>,
                          <b>Weaknesses</b> <span class="js-weaknesses">${
                              enemy.weaknesses
                          }</span>,
                          <b>Resistances</b> <span class="js-resistances">${
                              enemy.resistances
                          }</span>
                      </div>
                      <hr />
                      <div><b>Speed</b> <span class="js-speed">${
                          enemy.speed
                      }</span> feet</div>
                      <div>
                          <b>Melee</b> <span class="action-icon">á</span> <span class="js-melee-attack-bonus">${
                              enemy.attackBonus
                          }</span>,
                          <b>Damage</b> <span class="js-melee-damage">${
                              enemy.strikeDamage
                          }</span>
                      </div>
                      <div>
                          <b>Spell</b> <span class="action-icon">á</span> <span class="js-spell-attack-bonus">${
                              enemy.spellAttackBonus
                          }</span>,
                          <b>Damage</b> <span class="js-spell-damage">${
                              enemy.strikeDamage
                          }</span>
                      </div>
                      <div>
                          <b>Unlimited Use AOE</b> <span class="action-icon">á</span> <span class="js-unlimited-area-attack-bonus"></span>,
                          <b>Damage</b> <span class="js-unlimited-area-damage">${
                              enemy.unlimitedUseAreaDamage
                          }</span>
                      </div>
                      <div>
                          <b>Limited Use AOE</b> <span class="action-icon">á</span> <span class="js-limited-area-attack-bonus"></span>,
                          <b>Damage</b> <span class="js-limited-area-damage">${
                              enemy.limitedUseAreaDamage
                          }</span>
                      </div>`;

            var element = document.createElement("div");
            element.classList.add("encounter");
            element.innerHTML = statBlock.trim();
            document.getElementById("encounters").appendChild(element);
        }

        function rollHitPoints(hitPoints) {
            return (
                hitPoints.low +
                Math.floor(Math.random() * (hitPoints.high - hitPoints.low))
            );
        }

        function d(sides) {
            return Math.floor(Math.random() * sides) + 1;
        }
    </script>
</div>