title: Changing button text onclick
body: <p>When I click on <code>myButton1</code> button, I want the value to change to <code>Close Curtain</code> from <code>Open Curtain</code>.<br><strong>HTML:</strong></p>
  
  <pre><code>&lt;input onclick="change()" type="button" value="Open Curtain" id="myButton1"&gt;&lt;/input&gt;
  </code></pre>
  
  <p><strong>Javascript:</strong></p>
  
  <pre><code>function change();
  {
      document.getElementById("myButton1").value="Close Curtain";
  }
  </code></pre>
  
  <p>The button is displaying open curtain right now and I want it to change to close curtain, is this correct? </p>