title: How do you hide two buttons when one button is clicked?
body: <p>In my text adventure game, there are two choices - 1. Pick up stick or 2. Leave it there. You can only choose one, so I'm wondering how you can hide both buttons after one is clicked. This is the current code:</p>
  
  <pre><code>&lt;script&gt;
  function one()
  {
  var newButton1 = '&lt;button onclick="two()"&gt;Pick up stick&lt;/button&gt;'; var newButton2 = '&lt;button onclick="three()"&gt;Leave it there&lt;/button&gt;';
  document.getElementById("a").innerHTML="You feel something on the ground, and you think it's a stick."+newButton1+newButton2;
  }
  
  function two()
  {
  document.getElementById("b").innerHTML="You pick up the stick. It might be useful for something."; 
  }
  
  function three()
  {
  document.getElementById("c").innerHTML="You leave the stick on the ground and continue on.";
  }
  &lt;/script&gt;
  
  &lt;div style="margin-left:15px; width:200px; margin-top:100px;"&gt;
  &lt;button onclick="one()"&gt;Feel around the cave&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;div style="margin-left:255px; width:200px; margin-top:-15px;"&gt;
  &lt;/div&gt;
  
  &lt;div id="entire" style="margin-left:490px; margin-top:-22px; width:400px; height:600px;"&gt;&lt;div id="c"&gt;&lt;/div&gt;&lt;div id="b"&gt;&lt;/div&gt;&lt;div id="a"&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>