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

Question

I have button in html   lt input type  button  value  Clear  gt    lt textarea id  output  rows 20 cols 90 gt  lt  textarea gt    If I have an external javascript   js  function  what should I write

User · Answer

Your Html    lt input type  button  value  Clear  onclick  clearContent    gt    lt textarea id  output  rows 20 cols 90 gt  lt  textarea gt    Your Javascript  function clearContent         document getElementById  output   value

User · Answer

You need to attach a click event handler and clear the contents of the textarea from that handler   HTML   lt input type  button  value  Clear  id  clear  gt    lt textarea id  output  rows 20 cols 90 gt  lt  textarea gt    JS  var input   document querySelector   clear    var textarea   document querySelector   output     input addEventListener  click   function          textarea value          false     and here s the working demo

User · Answer

lt input type  button  value  Clear  onclick  javascript  functionName      gt    you just need to set the onclick event  call your desired function on this onclick event   function functionName             output   val          Above function will set the value of text area to empty string

User · Answer

Change in your html with adding the function on the button click    lt input type  button  value  Clear  onclick  javascript eraseText     gt        lt textarea id  output  rows 20 cols 90 gt  lt  textarea gt    Try this in your js file   function eraseText         document getElementById  output   value

User · Answer

You can simply use the ID attribute to the form and attach the  lt textarea gt  tag to the form like this    lt form name  commentform  action     method  post  target   blank  id  1321  gt       lt textarea name  forcom  cols  40  rows  5  form  1321  maxlength  188  gt          Enter your comment here         lt  textarea gt       lt input type  submit  value  OK  gt       lt input type  reset  value  Clear  gt   lt  form gt

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

Examples related to javascript

Examples related to html

Examples related to button

Examples related to textarea