title: Getting unexpected result when changing from innerHTML to form, input type text Field
body: <p>When I tested my code using innerHTML gave var num1=57; got correct result 73.375, now when change code to use a form with input type text box when entering number 57 it changes expected result to 629.625.. any help with this would be appreciated</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;head&gt;
        &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt;
        &lt;link rel="style" href="css/main.css"  type"text/css"/&gt;
        &lt;title&gt; Get final width &lt;/title&gt;
  
        &lt;script type= "text/javascript"&gt;
  
              function sum()
              {
  
              var num1;
              num1= document.getvalue.width.value;
  
  
              var acc1 = (num1 + 0.625)/(6.25-0.5); 
              var acc2 = Math.ceil((acc1 * 10) / 10) * 6.25 + (4.125 + 0.5);
  
              document.getElementById('finalwidth').value = (acc2).toFixed(3);
              document.getElementById("finalwidth").readOnly=true;
              }
        &lt;/script&gt;       
  &lt;/head&gt;
  
  &lt;body&gt;
              &lt;div&gt;
              &lt;h3&gt; when input is 57  final width result should be : 73.375&lt;/h3&gt;
              &lt;h3&gt; when input is 100  final width result should be : 117.125&lt;/h3&gt;
              &lt;/div&gt;
  
              &lt;form name= "getvalue"&gt;
  
                      &lt;label for="width"&gt; Width: &lt;/label&gt;
                      &lt;input type="text" name="width" maxlength="5" size="10" value=""/&gt;
  
                      &lt;input type="button" name="button" Value="calculate" onclick="sum()"/&gt;
  
                      &lt;label for="finalwidth"&gt; Final width: &lt;/label&gt;
                      &lt;input type="text" id="finalwidth" name="finalwidth" maxlength="4" size="10" value=""/&gt;
  
              &lt;/form&gt; 
  &lt;/body&gt;
  </code></pre>
  
  <p>     </p>