title: How to keep background color changes on page reload?
body: <p>I have a table which contain cells that when clicked, will change the cell's background color to green. When I reload the page, however, the background color reverts back to its original color; white. Is there any way I can prevent it from reverting? To just keep it green after I clicked it?</p>
  
  <p>JS:</p>
  
  <pre><code>        function eight(){
              var eight = document.getElementById("eight");
              eight.style.backgroundColor = "green";
          }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>        &lt;td id="eight" onclick="eight(); "&gt;
              &lt;a&gt;8&lt;/a&gt;
              &lt;br&gt;
              &lt;center&gt;-&lt;/center&gt;
              &lt;br&gt;
              &lt;center&gt;-&lt;/center&gt;
              &lt;hr&gt;
              &lt;center&gt;-&lt;/center&gt;
              &lt;br&gt;
              &lt;center&gt;-&lt;/center&gt;
          &lt;/td&gt;
  </code></pre>
  
  <p>*Ignore the content inside the <code>&lt;td&gt;</code> tags.</p>