title: Input text boxes keep disappearing
body: <p>I'm pretty new to javascript and I was wondering why the text boxes keep disappearing, when I click the button.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
      &lt;/head&gt;
          &lt;body&gt;
  
              &lt;script&gt;
  
                  function readBox() 
                  {
                      var a = document.getElementById('a').value;
                      var b = document.getElementById('b').value;
                      document.write(Number(a) * Number(b));
                  }
  
              &lt;/script&gt;
  
              &lt;input type='text' size='29' id='a' placeholder='Enter number here...'&gt;
              &lt;input type='text' size='29'id='b' placeholder='Enter second number here...'&gt;
              &lt;input type='button' value='READ' onclick='readBox()'&gt;
  
          &lt;/body&gt;
  &lt;html&gt;
  </code></pre>
  
  <p>And how do I put the document.write() under the text input, so it changes every time the button is clicked?</p>