Change content on Onchange event in Javascript
<p>I just started working in Javascript. I have implemented onchange event in JS through code:</p>

<pre><code>    &lt;html&gt;
    &lt;head&gt;
    &lt;script&gt;
    function fun()
    {
        var x=document.getElementById("price1");
        document.forms['forms1'].price.value=x.value*2;
    }
    &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;form name="forms1"&gt;
    Enter Price: &lt;input type="text" id="price1" onchange="fun()"&gt;   
    value is: &lt;input name="price" type="text" &gt;
    &lt;/form&gt;
    &lt;/body&gt;
    &lt;/html&gt;
</code></pre>

<p>But problem is that I get output like</p>

<blockquote>
  <p>value is: |<strong><em>_</em>_</strong>|</p>
</blockquote>

<p>but I want it like a paragraph without <code>input tag</code> (i.e not in a box). I want it to be changed like a text. e.g <code>value is: 20</code> not <code>value is:|___20___|</code>. Any help?</p>
