v0.33.0 Added BitNode-3:Corporatocracy

index.html

@@ -11,6 +11,7 @@
     <link rel="stylesheet" type="text/css" href="css/interactivetutorial.css" />
     <link rel="stylesheet" type="text/css" href="css/loader.css" />
     <link rel="stylesheet" type="text/css" href="css/missions.css" />
+    <link rel="stylesheet" type="text/css" href="css/companymanagement.css" />
 
     <!-- Google Analytics -->
     <script>
@@ -335,6 +336,9 @@
 			</li>
             <li id="sector12-slums-li">
                 <a id="sector12-slums" class="a-link-button">The Slums</a>
+            </li>
+            <li id="sector12-cityhall-li">
+                <a id="sector12-cityhall" class="a-link-button">City Hall</a>
             </li>
 		</ul>
 
@@ -740,6 +744,9 @@
         <a id="location-slums-kidnap" class="a-link-button tooltip"> Kidnap and Ransom </a>
         <a id="location-slums-assassinate" class="a-link-button tooltip"> Assassinate </a>
         <a id="location-slums-heist" class="a-link-button tooltip"> Heist </a>
+
+        <!-- City Hall -->
+        <a id="location-cityhall-create-corporation" class='a-link-button'>Create a Corporation</a>
     </div>
 
     <div id="infiltration-container" class="generic-menupage-container">

src/BitNode.js

@@ -41,7 +41,26 @@ function initBitNodes() {
                             "Level 1: 20%<br>" +
                             "Level 2: 30%<br>" +
                             "Level 3: 35%");
-    BitNodes["BitNode3"] = new BitNode(3, "The Price of Civilization", "COMING SOON"); //Corporate Warfare, Run own company
+    BitNodes["BitNode3"] = new BitNode(3, "Corporatocracy", "The Price of Civilization",
+                                          "Our greatest illusion is that a healthy society can revolve around a " +
+                                          "single-minded pursuit of wealth.<br><br>" +
+                                          "Sometime in the early 21st century economic and political globalization turned " +
+                                          "the world into a corporatocracy, and it never looked back. Now, the privileged " +
+                                          "elite will happily bankrupt their own countrymen, decimate their own community, " +
+                                          "and evict their neighbors from houses in their desperate bid to increase their wealth.<br><br>" +
+                                          "In this BitNode you can create and manage your own corporation. Running a successful corporation " +
+                                          "has the potential of generating massive profits. All other forms of income are reduced by 75%. Furthermore: <br><br>" +
+                                          "The price and reputation cost of all Augmentations is tripled<br>" +
+                                          "The starting and maximum amount of money on servers is halved<br>" +
+                                          "Server growth rate is reduced by 80%<br>" +
+                                          "You will start out with $150b so that you can start your corporation<br>" +
+                                          "You now only need 75 reputation with a faction in order to donate to it, rather than 150<br><br>" +
+                                          "Destroying this BitNode will give you Source-File 3, or if you already have this Source-File it will " +
+                                          "upgrade its level up to a maximum of 3. This Source-File lets you create corporations on other BitNodes (although " +
+                                          "some BitNodes will disable this mechanic). This Source-File also increases your charisma and company salary multipliers by:<br>" +
+                                          "Level 1: 8%<br>" +
+                                          "Level 2: 12%<br>" +
+                                          "Level 3: 14%");
     BitNodes["BitNode4"] = new BitNode(4, "The Singularity", "The Man and the Machine",  "The Singularity has arrived. The human race is gone, replaced " +
                                           "by artificially superintelligent beings that are more machine than man. <br><br>" +
                                           "In this BitNode, progressing is significantly harder. Experience gain rates " +
@@ -76,7 +95,7 @@ function initBitNodes() {
                                           "Level 2: 6%<br>" +
                                           "Level 3: 7%");
     BitNodes["BitNode6"] = new BitNode(6, "Do Androids Dream?", "COMING SOON");        //Build androids for automation
-    BitNodes["BitNode7"] = new BitNode(7, "Waste Runner", "COMING SOON");              //Postapocalyptic wasteland + blade runner
+    BitNodes["BitNode7"] = new BitNode(7, "Bladeburners", "COMING SOON");               //Blade burner
     BitNodes["BitNode8"] = new BitNode(8, "Ghost of Wall Street", "Money never sleeps",
                                           "You are trying to make a name for yourself as an up-and-coming hedge fund manager on Wall Street.<br><br>" +
                                           "In this BitNode:<br><br>" +
@@ -192,6 +211,18 @@ function initBitNodeMultipliers() {
             BitNodeMultipliers.FactionWorkRepGain       = 0.5;
             BitNodeMultipliers.FactionPassiveRepGain    = 0;
             break;
+        case 3: //Corporatocracy
+            BitNodeMultipliers.RepToDonateToFaction     = 0.5;
+            BitNodeMultipliers.AugmentationRepCost      = 3;
+            BitNodeMultipliers.AugmentationMoneyCost    = 3;
+            BitNodeMultipliers.ServerMaxMoney           = 0.50;
+            BitNodeMultipliers.ServerStartingMoney      = 0.50;
+            BitNodeMultipliers.ServerGrowthRate         = 0.20;
+            BitNodeMultipliers.ScriptHackMoney          = 0.25;
+            BitNodeMultipliers.CompanyWorkMoney         = 0.25;
+            BitNodeMultipliers.CrimeMoney               = 0.25;
+            BitNodeMultipliers.HacknetNodeMoney         = 0.25;
+            break;
         case 4: //The Singularity
             BitNodeMultipliers.ServerMaxMoney           = 0.15;
             BitNodeMultipliers.ServerStartingMoney      = 0.75;

src/Constants.js

@@ -1,5 +1,5 @@
 let CONSTANTS = {
-    Version:                "0.32.1",
+    Version:                "0.33.0",
 
 	//Max level for any skill, assuming no multipliers. Determined by max numerical value in javascript for experience
     //and the skill level formula in Player.js. Note that all this means it that when experience hits MAX_INT, then
@@ -1112,18 +1112,9 @@ let CONSTANTS = {
                                "World Stock Exchange account and TIX API Access<br>",
 
     LatestUpdate:
-    "v0.32.1<br>" +
+    "v0.33.0<br>" +
-    "-Updated Netscript's 'interpreter/engine' to use the Bluebird promise library instead of native promises. " +
+    "-Released BitNode 3: Corporatocracy<br>" +
-    "It should now be faster and more memory-efficient. If this has broken any Netscript features please report it through Github or the subreddit (reddit.com/r/bitburner)<br>" +
+    "-Minor bug fixes"
-    "-Rebalanced stock market (adjusted parameters such as the volatility/trends/starting price of certain stocks)<br>" +
-    "-Added prompt() Netscript function<br>" +
-    "-Added 'Buy Max' and 'Sell All' functions to Stock Market UI<br>" +
-    "-Added 'Portfolio' Mode to Stock Market UI so you can only view stocks you have a position/order in<br>" +
-    "-Added a button to kill a script from its log display box<br><br>" +
-    "v0.32.0<br>" +
-    "-Released BitNode-8: Ghost of Wall Street<br>" +
-    "-Re-designed Stock Market UI<br>" +
-    "-Minor bugfixes<br>"
 }
 
 export {CONSTANTS};

src/Faction.js

@@ -515,7 +515,6 @@ function displayFactionContent(factionName) {
     var newPurchaseAugmentationsButton = clearEventListeners("faction-purchase-augmentations");
     newPurchaseAugmentationsButton.addEventListener("click", function() {
         Engine.hideAllContent();
-        //Engine.Display.factionAugmentationsContent.style.visibility = "visible";
         Engine.Display.factionAugmentationsContent.style.display = "block";
 
         var newBackButton = clearEventListeners("faction-augmentations-back-button");
@@ -532,6 +531,7 @@ function displayFactionContent(factionName) {
         factionName == "The Syndicate" || factionName == "The Dark Army" || factionName == "Speakers for the Dead" ||
         factionName == "NiteSec" || factionName == "The Black Hand")) {
         //Set everything else to invisible
+        hackMissionDiv.style.display = "none";
         hackDiv.style.display = "none";
         fieldWorkDiv.style.display = "none";
         securityWorkDiv.style.display = "none";

src/Location.js

@@ -1,5 +1,6 @@
 import {CompanyPositions, initCompanies,
         Companies, getJobRequirementText}       from "./Company.js";
+import {Corporation}                            from "./CompanyManagement.js";
 import {CONSTANTS}                              from "./Constants.js";
 import {commitShopliftCrime, commitRobStoreCrime, commitMugCrime,
         commitLarcenyCrime, commitDealDrugsCrime, commitBondForgeryCrime,
@@ -22,7 +23,7 @@ import {purchaseServer,
 import {SpecialServerNames, SpecialServerIps}   from "./SpecialServerIps.js";
 
 import {dialogBoxCreate}                        from "../utils/DialogBox.js";
-import {clearEventListeners}                    from "../utils/HelperFunctions.js";
+import {clearEventListeners, createElement}     from "../utils/HelperFunctions.js";
 import {createRandomIp}                         from "../utils/IPAddress.js";
 import numeral                                  from "../utils/numeral.min.js";
 import {formatNumber}                           from "../utils/StringHelperFunctions.js";
@@ -84,6 +85,7 @@ let Locations = {
     Sector12IronGym:            "Iron Gym",
     Sector12PowerhouseGym:      "Powerhouse Gym",
     Sector12Slums:              "Sector-12 Slums",
+    Sector12CityHall:           "Sector-12 City Hall",
 
     //New Tokyo
     NewTokyoTravelAgency:           "New Tokyo Travel Agency",
@@ -204,6 +206,8 @@ function displayLocationContent() {
     var slumsAssassinate        = document.getElementById("location-slums-assassinate");
     var slumsHeist              = document.getElementById("location-slums-heist");
 
+    var cityHallCreateCorporation   = document.getElementById("location-cityhall-create-corporation");
+
     var loc = Player.location;
 
     returnToWorld.addEventListener("click", function() {
@@ -309,6 +313,8 @@ function displayLocationContent() {
     slumsAssassinate.style.display = "none";
     slumsHeist.style.display = "none";
 
+    cityHallCreateCorporation.style.display = "none";
+
     //Check if the player is employed at this Location. If he is, display the "Work" button,
     //update the job title, etc.
     if (loc != "" && loc === Player.companyName) {
@@ -775,6 +781,15 @@ function displayLocationContent() {
             setGymLocationButtons(costMult, expMult);
             break;
 
+        case Locations.Sector12CityHall:
+            cityHallCreateCorporation.style.display = "block";
+            if (Player.corporation instanceof Corporation) {
+                cityHallCreateCorporation.className = "a-link-button-inactive";
+            } else {
+                cityHallCreateCorporation.className = "a-link-button";
+            }
+            break;
+
         case Locations.NewTokyoTravelAgency:
             travelAgencyText.style.display = "block";
             travelToAevum.style.display = "block";
@@ -1085,7 +1100,6 @@ function displayLocationContent() {
 
         default:
             console.log("ERROR: INVALID LOCATION");
-
     }
 
     //Make the "Apply to be Employee and Waiter" texts disappear if you already hold the job
@@ -1380,6 +1394,13 @@ function initLocationButtons() {
         return false;
     });
 
+    let sector12CityHall = document.getElementById("sector12-cityhall");
+    sector12CityHall.addEventListener("click", function() {
+        Player.location = Locations.Sector12CityHall;
+        Engine.loadLocationContent();
+        return false;
+    });
+
 	let newTokyoTravelAgency = document.getElementById("newtokyo-travelagency");
 	newTokyoTravelAgency.addEventListener("click", function() {
 		Player.location = Locations.NewTokyoTravelAgency;
@@ -1614,6 +1635,8 @@ function initLocationButtons() {
     var slumsAssassinate    = document.getElementById("location-slums-assassinate");
     var slumsHeist          = document.getElementById("location-slums-heist");
 
+    var cityHallCreateCorporation = document.getElementById("location-cityhall-create-corporation");
+
     var hospitalTreatment   = document.getElementById("location-hospital-treatment");
 
     softwareJob.addEventListener("click", function() {
@@ -1888,6 +1911,42 @@ function initLocationButtons() {
         return false;
     });
 
+    cityHallCreateCorporation.addEventListener("click", function() {
+        var yesBtn = yesNoTxtInpBoxGetYesButton(),
+            noBtn = yesNoTxtInpBoxGetNoButton();
+        yesBtn.innerText = "Create Corporation";
+        noBtn.innerText = "Cancel";
+        yesBtn.addEventListener("click", function() {
+            if (Player.money.lt(150e9)) {
+                dialogBoxCreate("You don't have enough money to create a corporation! You need $150b");
+                return yesNoTxtInpBoxClose();
+            }
+            Player.loseMoney(150e9);
+            var companyName = yesNoTxtInpBoxGetInput();
+            if (companyName == null || companyName == "") {
+                dialogBoxCreate("Invalid company name!");
+                return false;
+            }
+            Player.corporation = new Corporation({
+                name:companyName,
+            });
+            displayLocationContent();
+            dialogBoxCreate("Congratulations! You just started your own corporation. You can visit " +
+                            "and manage your company in the City");
+            return yesNoTxtInpBoxClose();
+        });
+        noBtn.addEventListener("click", function() {
+            return yesNoTxtInpBoxClose();
+        });
+        if (Player.corporation instanceof Corporation) {
+            return;
+        } else {
+            yesNoTxtInpBoxCreate("Would you like to start a corporation? This will require $150b " +
+                                 "for registration and initial funding.<br><br>If so, please enter " +
+                                 "a name for your corporation below:");
+        }
+    });
+
     hospitalTreatment.addEventListener("click", function() {
         if (Player.hp < 0) {Player.hp = 0;}
         var price = (Player.max_hp - Player.hp) * CONSTANTS.HospitalCostPerHp;

src/Player.js

@@ -6,6 +6,7 @@ import {Company, Companies, getNextCompanyPosition,
         getJobRequirementText, CompanyPosition,
         CompanyPositions}                       from "./Company.js";
 import {CONSTANTS}                              from "./Constants.js";
+import {Corporation}                            from "./CompanyManagement.js";
 import {Programs}                               from "./CreateProgram.js";
 import {determineCrimeSuccess}                  from "./Crimes.js";
 import {Engine}                                 from "./engine.js";
@@ -175,6 +176,9 @@ function PlayerObject() {
     //Gang
     this.gang = 0;
 
+    //Corporation
+    this.corporation = 0;
+
     //bitnode
     this.bitNodeN = 1;
 
@@ -370,6 +374,9 @@ PlayerObject.prototype.prestigeSourceFile = function() {
     this.hasWseAccount = false;
     this.hasTixApiAccess = false;
 
+    //BitNode 3: Corporatocracy
+    if (this.bitNodeN === 3) {this.money = new Decimal(150e9);}
+
     //BitNode 8: Ghost of Wall Street
     if (this.bitNodeN === 8) {this.money = new Decimal(100000000);}
     if (this.bitNodeN === 8 || hasWallStreetSF) {
@@ -2304,6 +2311,20 @@ function loadPlayer(saveString) {
     Player.money = new Decimal(Player.money);
     Player.total_money = new Decimal(Player.total_money);
     Player.lifetime_money = new Decimal(Player.lifetime_money);
+
+    if (Player.corporation instanceof Corporation) {
+        Player.corporation.funds = new Decimal(Player.corporation.funds);
+        Player.corporation.revenue = new Decimal(Player.corporation.revenue);
+        Player.corporation.expenses = new Decimal(Player.corporation.expenses);
+
+        for (var i = 0; i < Player.corporation.divisions.length; ++i) {
+            var ind = Player.corporation.divisions[i];
+            ind.lastCycleRevenue = new Decimal(ind.lastCycleRevenue);
+            ind.lastCycleExpenses = new Decimal(ind.lastCycleExpenses);
+            ind.thisCycleRevenue = new Decimal(ind.thisCycleRevenue);
+            ind.thisCycleExpenses = new Decimal(ind.thisCycleExpenses);
+        }
+    }
 }
 
 PlayerObject.prototype.toJSON = function() {

src/Prestige.js

@@ -116,8 +116,11 @@ function prestigeAugmentation() {
         }
     }
 
+    //BitNode 3: Corporatocracy
+    if (Player.bitNodeN === 3) {Player.money = new Decimal(150e9);}
+
     //BitNode 8: Ghost of Wall Street
-    if (Player.bitNodeN === 8) {Player.money = new Decimal(100000000);}
+    if (Player.bitNodeN === 8) {Player.money = new Decimal(100e6);}
     if (Player.bitNodeN === 8 || hasWallStreetSF) {
         Player.hasWseAccount = true;
         Player.hasTixApiAccess = true;

src/RedPill.js

@@ -209,7 +209,7 @@ function loadBitVerse(destroyedBitNodeNum) {
             var elemId = "bitnode-" + i.toString();
             var elem = clearEventListeners(elemId);
             if (elem == null) {return;}
-            if (i === 1 || i === 2 || i === 4 || i === 5 || i === 8 || i === 11) {
+            if (i === 1 || i === 2 || i === 3 || i === 4 || i === 5 || i === 8 || i === 11) {
                 elem.addEventListener("click", function() {
                     var bitNodeKey = "BitNode" + i;
                     var bitNode = BitNodes[bitNodeKey];

src/SourceFile.js

@@ -30,7 +30,11 @@ function initSourceFiles() {
                                       "Level 1: 20%<br>" +
                                       "Level 2: 30%<br>" +
                                       "Level 3: 35%");
-    SourceFiles["SourceFile3"] = new SourceFile(3);
+    SourceFiles["SourceFile3"] = new SourceFile(3,"This Source-File lets you create corporations on other BitNodes (although " +
+                                                  "some BitNodes will disable this mechanic). This Source-File also increases your charisma and company salary multipliers by:<br>" +
+                                                  "Level 1: 8%<br>" +
+                                                  "Level 2: 12%<br>" +
+                                                  "Level 3: 14%");
     SourceFiles["SourceFile4"] = new SourceFile(4, "This Source-File lets you access and use the Singularity Functions in every BitNode. Every " +
                                         "level of this Source-File opens up more of the Singularity Functions you can use.");
     SourceFiles["SourceFile5"] = new SourceFile(5, "This Source-File grants a special new stat called Intelligence. Intelligence " +
@@ -120,6 +124,15 @@ function applySourceFile(srcFile) {
             Player.crime_success_mult  *= incMult;
             Player.charisma_mult       *= incMult;
             break;
+        case 3: //Corporatocracy
+            var mult = 0;
+            for (var i = 0; i < srcFile.lvl; ++i) {
+                mult += (8 / (Math.pow(2, i)));
+            }
+            var incMult = 1 + (mult / 100);
+            Player.charisma_mult    *= incMult;
+            Player.work_money_mult  *= incMult;
+            break;
         case 4: //The Singularity
             //No effects, just gives access to Singularity functions
             break;

src/engine.js

@@ -1,6 +1,6 @@
 import {dialogBoxCreate}                        from "../utils/DialogBox.js";
 import {gameOptionsBoxOpen, gameOptionsBoxClose}from "../utils/GameOptions.js";
-import {clearEventListeners}                    from "../utils/HelperFunctions.js";
+import {clearEventListeners, createElement}     from "../utils/HelperFunctions.js";
 import numeral                                  from "../utils/numeral.min.js";
 import {formatNumber,
         convertTimeMsToTimeElapsedString}       from "../utils/StringHelperFunctions.js";
@@ -14,6 +14,7 @@ import {Augmentations, installAugmentations,
 import {BitNodes, initBitNodes,
         initBitNodeMultipliers}                 from "./BitNode.js";
 import {CompanyPositions, initCompanies}        from "./Company.js";
+import {Corporation}                            from "./CompanyManagement.js";
 import {CONSTANTS}                              from "./Constants.js";
 import {Programs, displayCreateProgramContent,
         getNumAvailableCreateProgram,
@@ -205,6 +206,7 @@ let Engine = {
         StockMarket:        "StockMarket",
         Gang:               "Gang",
         Mission:            "Mission",
+        Corporation:        "Corporation",
     },
     currentPage:    null,
 
@@ -400,6 +402,15 @@ let Engine = {
         Engine.currentPage = Engine.Page.Mission;
     },
 
+    loadCorporationContent: function() {
+        if (Player.corporation instanceof Corporation) {
+            Engine.hideAllContent();
+            document.getElementById("character-overview-wrapper").style.visibility = "hidden";
+            Player.corporation.createUI();
+            Engine.currentPage = Engine.Page.Corporation;
+        }
+    },
+
     //Helper function that hides all content
     hideAllContent: function() {
         Engine.Display.terminalContent.style.display = "none";
@@ -424,6 +435,10 @@ let Engine = {
             document.getElementById("gang-container").style.display = "none";
         }
 
+        if (Player.corporation instanceof Corporation) {
+            Player.corporation.clearUI();
+        }
+
         //Location lists
         Engine.aevumLocationsList.style.display = "none";
         Engine.chongqingLocationsList.style.display = "none";
@@ -573,6 +588,13 @@ let Engine = {
                 break;
             case Locations.Sector12:
                 Engine.sector12LocationsList.style.display = "inline";
+
+                //City hall only in BitNode-3
+                if (Player.bitNodeN === 3) {
+                    document.getElementById("sector12-cityhall-li").style.display = "block";
+                } else {
+                    document.getElementById("sector12-cityhall-li").style.display = "none";
+                }
                 break;
             case Locations.NewTokyo:
                 Engine.newTokyoLocationsList.style.display = "inline";
@@ -588,7 +610,20 @@ let Engine = {
                 break;
         }
 
-        document.getElementById("generic-locations-list").style.display = "inline";
+        var genericLocationsList = document.getElementById("generic-locations-list");
+        genericLocationsList.style.display = "inline";
+        if (Player.corporation instanceof Corporation && document.getElementById("location-corporation-button") == null) {
+            var li = createElement("li", {});
+            li.appendChild(createElement("a", {
+                innerText:Player.corporation.name, id:"location-corporation-button",
+                class:"a-link-button",
+                clickListener:()=>{
+                    Engine.loadCorporationContent();
+                    return false;
+                }
+            }));
+            genericLocationsList.appendChild(li);
+        }
     },
 
     displayFactionsInfo: function() {
@@ -852,6 +887,11 @@ let Engine = {
             currMission.process(numCycles);
         }
 
+        //Corporation
+        if (Player.corporation instanceof Corporation) {
+            Player.corporation.process(numCycles);
+        }
+
         //Counters
         Engine.decrementAllCounters(numCycles);
         Engine.checkCounters();
@@ -926,6 +966,8 @@ let Engine = {
         if (Engine.Counters.updateDisplaysMed <= 0) {
             if (Engine.currentPage == Engine.Page.ActiveScripts) {
                 updateActiveScriptsItems();
+            } else if (Engine.currentPage === Engine.Page.Corporation) {
+                Player.corporation.updateUIContent();
             }
             Engine.Counters.updateDisplaysMed = 9;
         }

utils/HelperFunctions.js

@@ -1,4 +1,5 @@
 //General helper functions
+import {isString}           from "./StringHelperFunctions.js";
 
 //Returns the size (number of keys) of an object
 function sizeOfObject(obj) {
@@ -46,6 +47,115 @@ function removeElementById(id) {
     elem.parentNode.removeChild(elem);
 }
 
+function removeChildrenFromElement(el) {
+    if (isString(el)) {
+        el = document.getElementById(el);
+    }
+    if (el == null) {return;}
+    if (el instanceof Element) {
+        while(el.firstChild) {
+            el.removeChild(el.firstChild);
+        }
+    }
+}
+
+function createElement(type, params) {
+    var el = document.createElement(type);
+    if (params.id)          {el.id = params.id;}
+    if (params.class)       {el.className = params.class;}
+    if (params.innerHTML)   {el.innerHTML = params.innerHTML;}
+    if (params.innerText)   {el.innerText = params.innerText;}
+    if (params.value)       {el.value = params.value;}
+    if (params.text)        {el.text = params.text;}
+    if (params.display)     {el.style.display = params.display;}
+    if (params.visibility)  {el.style.visibility = params.visibility;}
+    if (params.margin)      {el.style.margin = params.margin;}
+    if (params.padding)     {el.style.padding = params.padding;}
+    if (params.color)       {el.style.color = params.color;}
+    if (params.border)      {el.style.border = params.border;}
+    if (params.float)       {el.style.cssFloat = params.float;}
+    if (params.backgroundColor) {
+        el.style.backgroundColor = params.backgroundColor
+    }
+    if (params.position)    {el.style.position = params.position;}
+    if (params.type)        {el.type = params.type;}
+    if (params.checked)     {el.checked = params.checked;}
+    if (params.for)         {el.htmlFor = params.for;}
+    if (params.pattern)     {el.pattern = params.pattern;}
+    if (params.maxLength)   {el.maxLength = params.maxLength;}
+    if (params.placeholder) {el.placeholder = params.placeholder;}
+    if (params.tooltip)     {
+        el.className += " tooltip";
+        el.appendChild(createElement("span", {
+            class:"tooltiptext",
+            innerHTML:params.tooltip
+        }));
+    }
+    if (params.clickListener) {
+        el.addEventListener("click", params.clickListener);
+    }
+    if (params.inputListener) {
+        el.addEventListener("input", params.inputListener);
+    }
+    if (params.changeListener) {
+        el.addEventListener("change", params.changeListener);
+    }
+    return el;
+}
+
+function createPopup(id, elems) {
+    var container = createElement("div", {
+            class:"popup-box-container",
+            id:id,
+            display:"block"
+        }),
+        content = createElement("div", {
+            class:"popup-box-content",
+        });
+
+    for (var i = 0; i < elems.length; ++i) {
+        content.appendChild(elems[i]);
+    }
+    container.appendChild(content);
+    document.getElementById("entire-game-container").appendChild(container);
+}
+
+//Creates both the header and panel element of an accordion and sets the click handler
+//Returns the 'li' element that contains the hedaer and panel
+function createAccordionElement(params) {
+    var li = document.createElement("li"),
+        hdr = document.createElement("button"),
+        panel = document.createElement("div");
+    hdr.classList.add("accordion-header");
+    panel.classList.add("accordion-panel");
+
+    if (params.id) {
+        hdr.id = params.id + "-hdr";
+        panel.id = params.id + "-panel";
+    }
+    if (params.hdrText)         {hdr.innerHTML = params.hdrText;}
+    if (params.panelText)       {panel.innerHTML = params.panelText;}
+    li.appendChild(hdr);
+    li.appendChild(panel);
+    //Click handler
+    hdr.onclick = function() {
+        this.classList.toggle("active");
+        var tmpPanel = this.nextElementSibling;
+        if (tmpPanel.style.display === "block") {
+            tmpPanel.style.display = "none";
+        } else {
+            tmpPanel.style.display = "block";
+        }
+    }
+    return li;
+}
+
+function clearSelector(selector) {
+    for (var i = selector.options.length - 1; i >= 0; --i) {
+        selector.remove(i);
+    }
+}
+
 function getRandomInt(min, max) {
     if (min > max) {return getRandomInt(max, min);}
     return Math.floor(Math.random() * (max - min + 1)) + min;
@@ -76,4 +186,5 @@ function powerOfTwo(n) {
 
 export {sizeOfObject, addOffset, clearEventListeners, getRandomInt,
         compareArrays, printArray, powerOfTwo, clearEventListenersEl,
-        removeElementById};
+        removeElementById, createElement, createAccordionElement,
+        removeChildrenFromElement, createPopup, clearSelector};

utils/YesNoBox.js

@@ -11,6 +11,7 @@ function yesNoBoxClose() {
         console.log("ERROR: Container not found for YesNoBox");
     }
     yesNoBoxOpen = false;
+    return false; //So that 'return yesNoBoxClose()' is return false in event listeners
 }
 
 function yesNoBoxGetYesButton() {
@@ -47,6 +48,8 @@ function yesNoTxtInpBoxClose() {
         console.log("ERROR: Container not found for YesNoTextInputBox");
     }
     yesNoBoxOpen = false;
+    document.getElementById("yes-no-text-input-box-input").value = "";
+    return false;
 }
 
 function yesNoTxtInpBoxGetYesButton() {
@@ -76,6 +79,8 @@ function yesNoTxtInpBoxCreate(txt) {
     } else {
         console.log("ERROR: Container not found for YesNoTextInputBox");
     }
+
+    document.getElementById("yes-no-text-input-box-input").focus();
 }
 
 export {yesNoBoxCreate, yesNoTxtInpBoxCreate,