Me alegro de que todo te vaya saliendo como debe. Lo del document.write() es cierto que se va el HTML de toda la página, ya que estas indicando con "document" que se escriba en TODO el cuerpo del archivo, reemplazandolo. Lo que tienes que hacer es crear por ejemplo un div para que se meta el mensaje:
Código HTML:
Ver original<!-- AQUI VA A IR TU TEXTO -->
<//div>
Y ahora con javascript lo obtenemos:
var obtener = Document.getElementById('msg-container');
Y ahora recurdas lo que te enseñe del innerHTML??:
obtener.innerHTML="Esto es el mensaje!!";
Y eso es todo! Si quieres que haya mas de un mensaje te pasara lo mismo de antes, que el anterior se borre. Pero un programador siempre tiene un plan B. Cambia el = por += y podras añadir infinitos mensajes sin que se te borre. Luego si lo combinas cn algun detalle mas te va a quedar chetén!
Cualquier duda estoy siempre disponible aquí o por mensaje privado.