title: I'm trying to clear textarea after copying data from another textarea using jscript but unable to clear second textarea
body: <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;b&gt;Q1.&lt;/b&gt; 
  &lt;textarea readonly rows="4" columns="200" id="Q1_Old"&gt;Answer to be copied to second textarea&lt;/textarea&gt;
  
  &lt;p&gt;If the above answer is unchanged click on "Same Answer" for copying over, else click on "New Answer" to draft new answer&lt;/p&gt;
  
  &lt;button onclick="SameAnswer()"&gt;Same Answer&lt;/button&gt;
  &lt;input type="button" onclick="clearText()" value="New Answer"&gt;
  
  &lt;p&gt;&lt;textarea readonly rows="4" columns="200" id="A1"&gt;&lt;/textarea&gt;
  
  &lt;script&gt;
  function clearText() {
      document.getElementById("A1").reset();
  }
  
  function SameAnswer() {
     var x = document.getElementById("Q1_Old").value;
     document.getElementById("A1").innerHTML = x;
  }
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In the above code SameAnswer() function is working properly but ClearText() function isn't. Need help in resolving this issue</p>