title: how to change the value of input box just for display in html 5 web page
body: <p>I have a textfield in which i am entering data i want that if user enter 1000 then it show 1,000 in textfield but this same value 1000 is also used in calculations further so how to solve this if user enter 1000 then just for display it show 1,000 and if we use in calcualtion then same var shows 1000 for calculating.</p>
  
  <pre><code>  &lt;HTML&gt;
    &lt;body&gt;
    &lt;input type="text" id="test" value="" /&gt;
    &lt;/body&gt;
  
     &lt;script&gt;
  
  
       var c=document.getElementById(test);
     &lt;/script&gt;
    &lt;/html&gt;
  </code></pre>
  
  <p>so if c user enter 1000 then it should dispaly 1,000 for dispaly one and if user uses in script </p>
  
  <pre><code>     var test=c
  </code></pre>
  
  <p>then test should show 1000</p>