title: how to change value of textfield of HTML using javascript
body: <pre><code>&lt;head&gt;
  &lt;script type="javascript"&gt;
  function display()
      {
          document.getElementById("textField1").value = "abc";
      }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;form id="form1" action="http://google.com"&gt;
  
  &lt;input id="textField1" type="text" value="0" align="right" size="13"/&gt;&lt;br&gt;
  
  &lt;input id="button1" type="button" value="1" onclick="display()"&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>but the value of textfield is not changing.</p>
  
  <p>Any Ideas what am i doing wrong ??</p>