title: Change global variable value with a local variable
body: <p>I'm trying to change a global variable by setting it as a parameter in a function. The problem I'm running into is that my global variable does not change when I change the local variable. I understand that the scope of the variables is what's causing this, but I do not know how to make it work. Here is the code I'm using:</p>
  
  <pre><code>    var blnUpgradeGlobal;
  
      function SelectUpgrade(strUpgradeName, blnUpgradeLocal) {
          if (blnUpgradeLocal) {
              blnUpgradeLocal= false;
              $("#" + strUpgradeName).css("background-color", "#EAC300")
          }
          else {
              blnUpgradeLocal= true;
              $("#" + strUpgradeName).css("background-color", "Lime")
          }
      }
  
  &lt;div id="Upgrade1" onclick="SelectUpgrade(this.id, blnUpgradeGlobal)"&gt;
  Content
  &lt;/div&gt;  
  </code></pre>
  
  <p>So What I'm trying to accomplish here is so that when the user clicks the div, it toggles the boolean global variable set in the onClick event. I don't want to specify the exact variable in the function because I would then need to write a big nested if statement because there are a bunch of upgrades. </p>
  
  <p>Thank you in advance.</p>