I felt like trying something new and making document.write() used on command. I used a button to trigger the document.write(), but it removes the button and it does write the text, though.

Code:
<html>
<head>
<title>
Hello</title>
<script type="text/javascript" language="javascript">
function box(a){
		 document.write(a);
}
</script>
</head>
<body>
<h1><input type="button" onClick="box('Wheeeeeeee')" value="Jawesome."></input></h1>
</body>
</html>
How do I make it so that when the event is triggered, the document.write() will occur wherever I want it to.

What I mean is I don't want the text in document.write() to appear instead of the button, I want the button to make the document.write() to appear anywhere I want it to. If there are any other ways of doing this, do tell.