title: How to use this true/false flag to make switching radio buttons disable other radio buttons effects
body: <p>Ive tried following this: </p>
  
  <pre><code>var changed = function() {
          if (document.getElementById('wolf').checked) {
             wolfActive = true;
             turtleActive = false;
             lizardActive = false;
  
         } else if (document.getElementById('lizard').checked) {
             lizardActive = true;
            wolfActive = false;
             turtleActive = false;
  
         } else if (document.getElementById('turtle').checked) {
             turtleActive = true;
             lizardActive = false;
             wolfActive = false;
  
         }
     }
  </code></pre>
  
  <p>But i can't get each radiobuttons effect to be false when a different radio button is selected ( having a hard time understanding how it works)</p>
  
  <p>This is my JavaScript:</p>
  
  <pre><code>var Turtle = 1;
  var Turtlelv = 1;
  var TurtleCexp = 0;
  var TurtleMexp = 100;
  var NextMaxTurtleExp = TurtleMexp;
  var Turtleregen = 0.5;
  var Lizard = 1;
  var Lizardlv = 1;
  var LizardCexp = 0;
  var LizardMexp = 100;
  var NextMaxLizardExp = LizardMexp;
  var Wolf = 1;
  var Wolflv = 1;
  var WolfCexp = 0;
  var WolfMexp = 100;
  var NextMaxWolfExp = WolfMexp;
  var Strength = 2;
  var Magic = 1;
  var Wolfstrength = 1
  var ManaPoints = 10
  
  
  
  
  
  
  function Wolfandstrength() {
    if (document.getElementById("wolf-radio").checked) {
      Strength = Strength + Wolfstrength
     document.getElementById("Strength").innerHTML = Strength;
    } else {
     Strength = Strength - Wolfstrength
     document.getElementById("Strength").innerHTML = Strength;
   }
    }
  
  
     function wolfXpUp() {
      if (document.getElementById("wolf-radio").checked &amp;&amp; WolfCexp &lt; WolfMexp) 
     {
        setTimeout(wolfXpUp, 100)
       WolfCexp = WolfCexp + 1;
       document.getElementById("WolfCexp").innerHTML = WolfCexp;
     } 
         if (WolfCexp &gt;= WolfMexp) {
           Wolflv = Wolflv + 1;
           WolfCexp = 0;
           Wolf = Wolf + 1;
           Wolfstrength = Wolfstrength + 1;
           Strength = Strength + 1;
          NextMaxWolfExp= NextMaxWolfExp *1.5;
        }
      document.getElementById("Strength").innerHTML = Strength;
      document.getElementById('WolfMexp').innerHTML = NextMaxWolfExp;
      document.getElementById('Wolflv').innerHTML = Wolflv;
      document.getElementById('WolfCexp').innerHTML = WolfCexp;
      document.getElementById('Wolf').innerHTML = Wolf;
  }
  
     function lizardXpUp() {
      if (document.getElementById("lizard-radio").checked &amp;&amp; LizardCexp &lt; 
     LizardMexp) {
         setTimeout(lizardXpUp, 200)
          LizardCexp = LizardCexp + 1;
         document.getElementById("LizardCexp").innerHTML = LizardCexp;
       } 
         if (LizardCexp &gt;= LizardMexp) {
            Lizardlv = Lizardlv + 1;
            LizardCexp = 0;
            Lizard = Lizard + 1;
            Lizardmagic = Lizardmagic + 1;
            Magic = Magic + 1;
           NextMaxLizardExp= NextMaxLizardExp *1.5;
         }
            document.getElementById("Magic").innerHTML = Magic;
            document.getElementById('LizardMexp').innerHTML = 
     NextMaxLizardExp;
              document.getElementById('Lizardlv').innerHTML = Lizardlv;
              document.getElementById('LizardCexp').innerHTML = LizardCexp;
              document.getElementById('Lizard').innerHTML = Lizard;
          }
  
     function turtleXpUp() {
       if (document.getElementById("turtle-radio").checked &amp;&amp; Turtleexp &lt; 
     TurtleMexp) {
         setTimeout(turtleXpUp, 200)
         TurtleCexp = TurtleCexp + 1;
         document.getElementById("TurtleCexp").innerHTML = TurtleCexp;
       } 
          if (TurtleCexp &gt;= TurtleMexp) {
            Turtlelv = Turtlelv + 1;
             TurtleCexp = 0;
            Turtle = Turtle + 1;
            Tmanapoints = Tmanapoints + 1;
            ManaPoints = ManaPoints + 1;
           NextMaxLizardExp= NextMaxLizardExp *1.5;
          }
         document.getElementById("ManaPoints").innerHTML = ManaPoints;
         document.getElementById('TurtleMexp').innerHTML = NextMaxTurtleExp;
         document.getElementById('Turtlelv').innerHTML = Turtlelv;
         document.getElementById('TurtleCexp').innerHTML = TurtleCexp;
         document.getElementById('Turtle').innerHTML = Turtle;
     }
  
  
  
  
  
  
  
  
  document.getElementById("wolf-radio").addEventListener("change", wolfXpUp)   
  document.getElementById("wolf-radio").addEventListener("change", 
  Wolfandstrength)
  document.getElementById("lizard-radio").addEventListener("change", 
  lizardXpUp)
  document.getElementById("lizard-radio").addEventListener("change", 
  Wolfandstrength);
  document.getElementById("Strength").innerHTML = Strength;   
  document.getElementById("Magic").innerHTML = Magic;
  document.getElementById("ManaPoints").innerHTML = ManaPoints;
  </code></pre>
  
  <p>HTML code: ( can change if needed its not perfect)</p>
  
  <pre><code>font size="+2"&gt; &lt;b&gt; Pets &lt;/b&gt;&lt;/font&gt;
  
  &lt;div id="turtle" class="control"&gt;
     &lt;label class="radio"&gt;
      &lt;input type="radio" name="Pets" id="turtle-radio"&gt;
     &lt;/label&gt;&lt;img src="turtle.png" alt="turtle" height="100" width="100"&gt; Lv 
     &lt;span id="Turtlelv"&gt;1&lt;/span&gt; &lt;span id="TurtleCexp"&gt;0&lt;/span&gt; / &lt;span 
    id="TurtleMexp"&gt;100&lt;/span&gt;
        &lt;br /&gt;
        &lt;br /&gt;
  
         &lt;div id="lizard" class="control"&gt;
           &lt;label class="radio"&gt;
              &lt;input type="radio" name="Pets" id="lizard-radio"&gt;
          &lt;/label&gt;&lt;img src="lizard.png" alt="lizard" height="42" width="42"&gt; 
     &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Lv &lt;span 
      id="Lizardlv"&gt;1&lt;/span&gt; &lt;span id="LizardCexp"&gt;0&lt;/span&gt; / &lt;span 
      id="LizardMexp"&gt;100&lt;/span&gt;
         &lt;br /&gt;
          &lt;div id="wolf" class="control"&gt;
            &lt;label class="radio"&gt;
             &lt;input type="radio" name="Pets"  id="wolf-radio"&gt;
             &lt;/label&gt;&lt;img src="wolf.png" alt="wolf" height="60" width="60"&gt; 
      &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Lv &lt;span id="Wolflv"&gt;1&lt;/span&gt; &lt;span 
      id="WolfCexp"&gt;0&lt;/span&gt; / &lt;span id="WolfMexp"&gt;100&lt;/span&gt;&lt;/div&gt;
         &lt;br /&gt;
        &lt;span id="Strength"&gt;0&lt;/span&gt;
          &lt;br /&gt;
        &lt;span id="Magic"&gt;0&lt;/span&gt;
             &lt;br /&gt;
        &lt;span id="ManaPoints"&gt;0&lt;/span&gt;
  </code></pre>
  
  <p>I expect from using that true/false function in my what i've already tried box to help me disable radio buttons functions/ stat buffs while a diffrent radio button is selected. But the actual output when you switch from the turtle radio button to lizard radio button it takes away 1 strength when strength should be untouched unless the wolf radio button is selected.</p>