Bienvenida personalizada

En todos los guiones que hagamos, se debe copiar en primer lugar las funciones de escribir, leer y borrar cookies, así como las variables necesarias para las fechas de caducidad, entre las etiquetas <HEAD> y </HEAD>. Si no sabes cómo generar esas funciones, encontrarás instrucciones en el Horno Express. A su vez, todas las instrucciones en JavaScript anteriores, más la que recoge tu nombre, deben aparecer entre las etiquetas apropiadas: 

<SCRIPT LANGUAGE="JavaScript">
<!-- Va todo comentado por si el navegador es muy antiguo y no reconoce los guiones JavaScript
function Bienvenido(info){
	//Quién eres?
	var Visitante = getCookie('Visitante')
	if (Visitante == null) {
		Visitante = prompt("¿Puedes darme tu nombre?", "Nadie");
		setCookie ('Visitante ', Visitante, caduca);
	}
	return Visitante;
}
// El resto de funciones
//-->
</SCRIPT>
A continuación, para añadir la bienvenida personalizada, copia el siguiente código donde quieres que aparezca el texto de bienvenida: 

<SCRIPT LANGUAGE="JavaScript">
<!--
	document.write("Hola,  <b>" + Bienvenido() + "</b>. Me alegro de verte por aquí");
//-->
</SCRIPT>
El efecto sería el siguiente:

Si actualizas la página o vas a otro sitio y vuelves más tarde, comprobarás cómo recuerdo tu nombre.

Sería interesante añadir la posiblidad de cambiar el nombre, bien porque haya varias usuarios en la misma máquina, bien porque haya sido introducido incorrectamente. La manera de hacerlo sería añadir unos botones, mediante el siguiente código: 


<FORM>
<INPUT TYPE="button" VALUE="borrar nombre" onClick="deleteCookie('Visitante')">
<INPUT TYPE="button" VALUE="cambiar nombre" onClick="cambiaNombre()">
</FORM>
Para ello es necesario añadir junto a las anteriores la función para cambiar el nombre, que será la siguiente: 

function cambiaNombre() {
	var validez = 30;
	var caduca = new Date(); 
	caduca.setTime(caduca.getTime() + (validez*24*60*60*1000));
	var Visitante = prompt("¿Puedes darme tu nombre?", "Nadie");
		setCookie ('Visitante ', Visitante, caduca);
}
También puedes hacer que el mensaje aparezca en una ventana, modificando la instrucción anterior: 

<SCRIPT LANGUAGE="JavaScript">
<!--
	alert("Hola,  " + Bienvenido() + ". Me alegro de verte por aquí");
//-->
</SCRIPT>
Puedes comprobarlo pulsando el botón:

[Volver a página de ejemplos] [Siguiente ejemplo]