title: How can I return a button to its original color
body: <p>i have the following code, and I am trying to figure out how can I set the first button to white if I click it once again, same thing for the next button.
  So,if i clicked it once it turns red, but if I click again, it turns white.
  any ideas.</p>
  
  <pre><code> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
      &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
      &lt;head&gt;
          &lt;title&gt; color divs &lt;/title&gt;
          &lt;meta name="author" content="Lee Middleton" /&gt;
          &lt;meta name="keywords" content="CIS120/121/122" /&gt;
          &lt;meta name="description" content="Template for x/html, CSS and JavaScript" /&gt;
          &lt;style type="text/css"&gt;
              .container {
                  border: 1px solid blue;
                  border-radius: 10px;
                  width: 100px;
                  height: 50px;
              }
          &lt;/style&gt;
          &lt;script language="javascript"&gt;
              function changeColor(whichOne)
              {
                  var thatOne = eval(whichOne);
                  var element = document.getElementById(whichOne);
                  var color = "ff";
                  var stringColor;
                  if (whichOne == 1)
                  {
                      stringColor = "#" + color + "0000";
                      else {
                          alert('it was clicked') ;
                      }
                  }
  
  
  
  
                  }
                  else if (whichOne== 2)
                  {
                      stringColor = "#0000" + color;
                  }
                  element.style.backgroundColor = stringColor;
              }
          &lt;/script&gt;
  
      &lt;body&gt;
          &lt;div class='container' id='1' style='margin: 150px 0 0 75px; float: left;' onclick='changeColor(1);'&gt;&lt;/div&gt;
          &lt;div class='container' id='2' style='margin: 150px 0 0 175px; float: left;' onclick='changeColor(2);'&gt;&lt;/div&gt;
          &lt;div class='container' id='3' style='margin: 150px 0 0 220px; float: left;' onclick='changeColor(3);'&gt;&lt;/div&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>