title: How to fix progress resetting when i switch my tabs
body: <p>Im making a game with tabs and as it stands progress between tabs resets when I change tabs  <a href="http://prntscr.com/ns2jvg" rel="nofollow noreferrer">http://prntscr.com/ns2jvg</a>   <a href="http://prntscr.com/ns2k31" rel="nofollow noreferrer">http://prntscr.com/ns2k31</a>  <a href="http://prntscr.com/ns2k74" rel="nofollow noreferrer">http://prntscr.com/ns2k74</a>     I know eventually i'll make a last tab called options that you can use to reset. but i would like for development to be able to debug and be able to switch tabs with no reset</p>
  
  <p>Im not sure how this is done im new to html</p>
  
  <p>This is my Home Tab in html:</p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
      &lt;title&gt; Basic Clicker&lt;/title&gt;
      &lt;link rel="stylesheet" href="css/style.css" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="nav_bar"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="GameMainWindow.html" id="onlink"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="SkillTree.html"&gt;SkillTree&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="Equipment.html"&gt;Equipment&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="Pets.html"&gt;Pets&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="Skills.html"&gt;Skills&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="Quests.html"&gt;Quests&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div class="main_container"&gt;
          &lt;p&gt;
              &lt;html&gt;
  
              &lt;head&gt;
                  &lt;link rel="stylesheet" type="text/css" 
  href="interface.css" /&gt;
              &lt;/head&gt;
              &lt;title&gt; Basic Clicker&lt;/title&gt;
  
              &lt;body&gt;
  </code></pre>
  
  <p>This is the next tab in html:</p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
          &lt;title&gt; Basic Clicker&lt;/title&gt;
      &lt;link rel="stylesheet" href="css/style.css" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="nav_bar"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="GameMainWindow.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="SkillTree.html" id="onlink"&gt;SkillTree&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="Equipment.html"&gt;Equipment&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="Pets.html"&gt;Pets&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="Skills.html"&gt;Skills&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="Quests.html"&gt;Quests&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div class="main_container"&gt;
          &lt;p&gt;
              &lt;html&gt;
  
              &lt;head&gt;
                  &lt;link rel="stylesheet" type="text/css" 
  href="interface.css" /&gt;
              &lt;/head&gt;
              &lt;title&gt; Basic Clicker&lt;/title&gt;
  
              &lt;body&gt;
  </code></pre>
  
  <p>I expect the tabs to switch and for the player to not lose any data/ it not to reset. right now things reset when you click a different tab.</p>