Ajouter du contenu au lieu d'ecraser

Bonjour,

s'il vous plait j'ai écrit une fonction en Js et quand elle s'exécute elle efface tout le contenu de ma page j'aimerais que l'exécution s'affiche à la suite du contenu initial .Merci de me proposer une solution
voici mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<html>
<head><title> exemple1 </title>
<script language="javascript">
function clic()
{
//alert("Bonjour");
//confirm("Voulez vous confirmer??");
var nom =prompt("Entrer votre Nom!!!","Votre nom s'il vous plait");
var age;
do
{
age =prompt("Entrer votre Age!!!","Votre age s'il vous plait");
if(isNaN(age));
alert("L'age doit etre un entier");
age =prompt("Entrer votre Age!!!","Votre age s'il vous plait");
}while(isNaN(age));
 
document.write( " Bonjour "+ nom + " vous avez "+ age+" ans");}
</script>
</head>
<body>
<br /><br />
<br /><br />
<form>
<center><input type="button" name="cliquer" onClick="clic()" value="CLIQUEZ" style="width:540px; font-size:120px; font-family:Georgia, 'Times New Roman', Times, serif" ></center>
</form>
</body>
</html>