Hi Gaia,
For the textarea, you are nearly there. You just need to remove the ’document.’ from the onclick event:
<textarea id="reason" name="reason" onclick="javascript:this.value=\'\';">this text should be removed after the mouse clicks the textbox</textarea>
For the external js, as long as you include a call to the external js file in the <head> part of your template, then you can use the functions contained within the file.
You could use $modx->regClientStartupScript to place the necessary code automatically in the head on any page the snippet is used - but you will need to apply a fix (run a search in this forum and you’ll find the details) to make this work.
Hope that helps, Garry