Question: I'm having an issue here. I want to create a text box which I have done.
But I want an onclick function too work with it. For example, If I were to type something in the text field and then clicked the 'click' button, I would want the text to appear on the white space of the site. Here is the current code:

```
<html>
<head>
    <title>The Worlds Story!</title>
</head>

<body>
    <h1>The Worlds Story</h1>
    <textarea name="message" rows="10" cols="30">
    Tell Your Story!
    </textarea>
<button onclick="myFunction()">Click me</button>
</body>
</html>

```

Please help. Thank you.

Answer: 
Without JQuery:

```
<!DOCTYPE html>
<html>
<head>
</head>
<body>

    <input id="inp"/>

    <p id="par">This is a paragraph.</p>

    <button id="btn1" onclick="document.getElementById('par').innerHTML =  document.getElementById('inp').value;">Change text</button>

</body>
</html>

```

Here is an example in JSFIDDLE:
<http://jsfiddle.net/weinerk/Ln73L2zp/>
Try this:

```
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("p").append( $("#inp").val() );
  });
});
</script>
</head>
<body>

    <input id="inp"/>

<p>This is a paragraph.</p>

<button id="btn1">Append text</button>

</body>
</html>

```