Hola, buenas, aver ... mmm, como explicarlo, el document.write() no funciona como crees que funciona ... en tu caso es logico que borre todo y solo aparezca el texto que escribes con document.write() por que lo estas ejecutando una vez que se procesó todo e html ...
En lugar de usar document.write, prueba usar document.innerHTML ... algo asi
Código HTML:
<html>
<head>
<title>Prueba para blog</title>
</head>
<body>
<script type="text/javascript" language="JavaScript">
var clavep1;
var clavep2;
var clavep3;
var insertarclave1;
var insertarclave2;
var insertarclave3;
var boton;
var confirmar;
var salir;
//Las claves son 1, 2 y 3//
function script () {
alert ("Adivina la claves y descubre el texto a parte");
do {
clavep1 = "1";
insertarclave1 = prompt ("Introduce clave 1");
if (insertarclave1 != clavep1){
salir = confirm ("Incorrecto... Te rindes?");
if (salir == true) {break;}
}
}
while (insertarclave1 != clavep1);
if (insertarclave1 == clavep1) {
alert ("La primera parte es correcta, ahora la segunda");
do {
clavep2 = "2";
insertarclave2 = prompt ("Introduce clave 2");
if (insertarclave2 != clavep2){
salir = confirm ("Incorrecto... Te rindes?");
if (salir == true) {break;}
}
}
while (insertarclave2 != clavep2);
if (insertarclave2 == clavep2) {
alert ("La segunda parte de la clave es correcta, ahora la tercera");
do {
clavep3 = "3";
insertarclave3 = prompt ("La tercera arte es correcta");
if (insertarclave3 != clavep3) {
salir = confirm ("Incorrecto, ¿Te rindes?");
if (salir == true) {break;}
}
}
while (insertarclave3 != clavep3);
// Llegados a este punto, consigo que pida las 3 partes de la clave, si no acierta saldrá un mensaje de error con la opción de salir. //
if (insertarclave3 == clavep3) {
// El contenido de este IF es lo que se empezará a ejecutar si se ha acertado la clave. //
alert ("La clave es; " + clavep1 + " " + clavep2 + " " + clavep3);
alert ("HAs pasado la prueba!!");
// document.write ("Como has acertado, puedes leer esto. </br>");
document.getElementById("lugar-donde-escribir").innerHTML = "Como has acertado, puedes leer esto. </br>";
}
}
}
}
if (boton.addEventListener) {
boton.addEventListener('click', script, false);
}
else {
boton.attachEvent('onclick', script);
}
</script>
<form name="formulario" id="formulario" method="GET">
<input type="button" name="Boton1" value="Pulsa aqui" OnClick="script(this);"><br><br> </form>
<h1>Encabezado en body</h1>
<div id="lugar-donde-escribir"></div>
</body>
</html>