<script language="JavaScript">
//para crear un objeto, se debe definir una función y
luego llamarla con new
function crearCliente(nombre, ciudad, edad,
email, sexo)
{
//función de definición del tipo de objeto
this.nombre=nombre;
this.ciudad=ciudad;
ed=parseInt(edad,10); //obtención de un
número dentro de una cadena
if (isNaN(ed)) //si no es un número, la
edad se pone a 0
{ alert("La edad será 0
porque no has tecleado un número ");
this.edad=0;}
else
{this.edad=ed;}
//la dirección de correo debe contener una @ y un punto
if (email.indexOf("@")==-1 || email.indexOf(".")==-1)
{ alert("la dirección de correo
será ' ' por ser erronea");
this.email="";
}
else
{this.email=email;}
this.sexo=sexo;
}
function confirmar(n, c, e, m, s)
{
//muestra un mensaje para decir que se ha creado el
cliente y pone fondo rojo,
cli= new crearCliente(n, c, e, m, s);
//creación del objeto
document.write("creado el cliente ");
document.bgColor="red";
}
</script>
</head>
<body>
<br>
<!--formulario de petición de datos-->
<form action="" name="formu"
onsubmit="confirmar(document.formu.nombre.value,
document.formu.ciudad.value, document.formu.edad.value,
document.formu.email.value,
document.formu.sexo.value);">
<!--llamada a la función que crea el objeto cuando se
pulsa el botón submit-->
<h2>Introducción de datos de clientes</h2><br><br>
Nombre <input type="text" name="nombre" size="20">
Ciudad <input
type="text" name="ciudad" size="20"> <br><br>
Edad <input type="text" name="edad" size="20">
e-mail <input
type="text" name="email" size="20">
Sexo <input
type="radio" name="sexo" value="hombre"> hombre
<input type="radio"
name="sexo" value="mujer"> mujer <br><br>
<input type="submit" value="Confirmar los datos">
</form>
</body>
Pulsar la fotografía para ver el interior
del monumento,
El icono o imagen cambia
dinámicamente cuando se pasa el ratón sobre él