Button Prints Out Random Number

I am trying to make it so that when you press a button it prints out a random number. This is what I currently have:

Code:
<script type="text/javascript">
function randomnumber(randomForm){
var x=Math.floor(Math.random()*11);
document.write(x);
}
</script>
<FORM>
<INPUT type="button" value="Print Number" name="button1" onClick="randomnumber(this.form)">
</FORM>

When I click on the button it just clears all the text from the page and clears the bgcolor. A random number then appears at the top left corner. I am trying to make it so that when I press the button it prints out a random number just above or below the button. Is this possible? if so how do you set it up?