How to clear text area with a button in html using javascript?

Question

I have button in html

<input type="button" value="Clear">  <textarea id='output' rows=20 cols=90></textarea> 

If I have an external javascript (.js) function, what should I write?

Answer 1

Change in your html with adding the function on the button click

 <input type="button" value="Clear" onclick="javascript:eraseText();">      <textarea id='output' rows=20 cols=90></textarea> 

Try this in your js file:

function eraseText() {     document.getElementById("output").value = ""; } 

Answer 2

You need to attach a click event handler and clear the contents of the textarea from that handler.

HTML

<input type="button" value="Clear" id="clear">  <textarea id='output' rows=20 cols=90></textarea> 

JS

var input = document.querySelector('#clear'); var textarea = document.querySelector('#output');  input.addEventListener('click', function () {     textarea.value = ''; }, false); 

and here's the working demo.