Hi there, I'm new to Javascript. Here's my problem: I've made a drepessable button but I want it to display text on the same page each time I press it so I can use the button as many times as I want. If I use document.write it erases the button after the first click. How can I fix this?

<head>
<Script language="JavaScript">
var malename = new Array(
"Allen","Bob","Gerald")

var lastname = new Array(
"Adams","Bowden","Prichard")

var r = 0;
var i = 0;
function RandomName()
{
r = Math.floor(Math.random() * lastname.length);
i = Math.floor(Math.random() * malename.length);
document.write(malename[i]+" "+lastname[r])
}
</head>

<body>
<a href="#" onMousedown="document.images['example'].src=img2.src"
onClick="RandomName()" onMouseup="document.images['example'].src=img1.src">
<img src="picture.gif" name="example" border=0>
</body>