title: Change background color with button in HTML page (how to use more than 1 color)
body: <p>So far I can get my background color on my page to change when I click the button but only to the 1 set color.</p>
  
  <p>I want to be able to keep clicking on the button and get a different color each time or at least a handful of different preset colors.</p>
  
  <p>This is what I have just now.</p>
  
  <pre><code>&lt;button type="button" onclick="myFunction()"&gt;Change Color&lt;/button&gt;
  
  &lt;script&gt;
  function myFunction()
  {   
  document.body.style.backgroundColor= "green";
  }
  &lt;/script&gt;
  </code></pre>