You are on page 1of 9

Permite ingresar 2 nmeros y calcular su suma, resta, producto, cociente, enviar el

documento y abrir el programa de la calculadora.

<HTML>
<HEAD>
<TITLE>CONFIGURANDO HTML
</TITLE>
</HEAD>

<BODY>
<Script language = "JavaScript">

function sumar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)+
eval(document.forms[0].nN2.value);
}

function restar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)-
eval(document.forms[0].nN2.value);
}

function multiplicar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)*
eval(document.forms[0].nN2.value);
}

function dividir()
{
if (eval(document.forms[0].nN2.value)!=0)
{

document.forms[0].nN3.value=eval(document.forms[0].nN1.value)/eval(document.forms[0
].nN2.value);
}
else
{
alert("No divide por cero");
}
}
</Script>

<FORM ACTION= "mailto: msbianchi@latinmail.com" method= "post">


N1:<INPUT TYPE="TEXT" NAME="nN1" SIZE="10">
<BR>
N2:<INPUT TYPE="TEXT" NAME="nN2" SIZE="10">
<BR>
RES:<INPUT TYPE="TEXT" NAME="nN3" SIZE="10">
<BR>
<INPUT TYPE= "BUTTON" NAME="BTN1" VALUE= "+" ONCLICK= "sumar()">
<INPUT TYPE= "BUTTON" NAME="BTN2" VALUE= "-" onclick= "restar()">
<INPUT TYPE= "BUTTON" NAME="BTN3" VALUE= "*" onclick= "multiplicar()">
<INPUT TYPE= "BUTTON" NAME="BTN4" VALUE= "/" onclick= "dividir()">
<INPUT TYPE= "SUBMIT" NAME="BTN5" VALUE= "ENVIAR">
<BR> PRESIONE AQU PARA ABRIR LA CALC<A HREF=
"C:/WINDOWS/CALC.EXE"> ABRIR </A>
</FORM>
</BODY>
</HTML>

Ingresar el nombre y la direccin de e-mail y mostrar si es correcto con alert()


<HTML>
<HEAD>
<TITLE>CONFIGURANDO HTML
</TITLE>
</HEAD>

<BODY>
<Script language = "JavaScript">

function sumar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)+
eval(document.forms[0].nN2.value);
}

function restar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)-
eval(document.forms[0].nN2.value);
}

function multiplicar()
{ document.forms[0].nN3.value=eval(document.forms[0].nN1.value)*
eval(document.forms[0].nN2.value);
}

function dividir()
{
if (eval(document.forms[0].nN2.value)!=0)
{

document.forms[0].nN3.value=eval(document.forms[0].nN1.value)/eval(document.forms[0
].nN2.value);
}
else
{
alert("No divide por cero");
}
}
</Script>

<FORM ACTION= "mailto: msbianchi@latinmail.com" method= "post">


N1:<INPUT TYPE="TEXT" NAME="nN1" SIZE="10">
<BR>
N2:<INPUT TYPE="TEXT" NAME="nN2" SIZE="10">
<BR>
RES:<INPUT TYPE="TEXT" NAME="nN3" SIZE="10">
<BR>
<INPUT TYPE= "BUTTON" NAME="BTN1" VALUE= "+" ONCLICK= "sumar()">
<INPUT TYPE= "BUTTON" NAME="BTN2" VALUE= "-" onclick= "restar()">
<INPUT TYPE= "BUTTON" NAME="BTN3" VALUE= "*" onclick= "multiplicar()">
<INPUT TYPE= "BUTTON" NAME="BTN4" VALUE= "/" onclick= "dividir()">
<INPUT TYPE= "SUBMIT" NAME="BTN5" VALUE= "ENVIAR">
<BR> PRESIONE AQU PARA ABRIR LA CALC<A HREF=
"C:/WINDOWS/CALC.EXE"> ABRIR </A>
</FORM>
</BODY>
</HTML>

Permite elegir URLs.


<HTML>
<HEAD>
<SCRIPT>
<!-- Codigo JavaScript
function funcion()
{
if (confirm('Quieres volver a la pgina inicial?'))
parent.location = "leccion1.htm";
}
// Final de codificacin -->
</SCRIPT>

<TITLE>URL JavaScript</TITLE>
</HEAD>
<BODY BGCOLOR="white">
<H2><FONT COLOR=#0000FF FACE="Modern">El URL JavaScript
</FONT></H2>
Por ejemplo, el cdigo siguiente crea un enlace que, cuando es pulsado, muestra una
ventana de confirmacin. Si el usuario pulsa sobre el link y escoje <I>Cancelar</I>, la
pgina especificada por el enlace no es cargada.
<CENTER><P>
<A HREF = "javascript:funcion()">Ejemplo de URL JAVASCRIPT</A>
</P></CENTER>
<P><H5><CENTER><B><A HREF="urljs_codi.htm">Cdigo</A> | <A
HREF="javascript:history.back()">Atrs</A> | <A
HREF="leccion1.htm">Inicio</A></B></CENTER></H5>

</BODY>
</HTML>

Ingresa un nmero, calcula su cuadrado y muestra el resultado en un text y con


window.status

<html>
<head>
<SCRIPT LANGUAJE = "JavaScript">
function cuadrado(numero){
document.form1.resultat.value = numero * numero;
window.status='Has entrado el nmero ' + numero + ' y el resultado es '
+document.form1.resultat.value;
}
</SCRIPT>
<head>

<body>
<FORM name="form1" >
Entra un nmero:
<INPUT TYPE="text" NAME="entrada" SIZE=15>
<INPUT TYPE="button" VALUE="Cuadrado" onClick="cuadrado(entrada.value)">
<BR>
Resultado:
<INPUT TYPE="text" NAME="resultat" SIZE=15>
</FORM>
</body>
</html>

Muestra la ltima modificacin de la pgina

<html>
<body>
Esta es una simple pgina en HTML.
<br>
Ultima modificacin:
<script language="JavaScript">
<!-- oculta el script de los browsers obsoletos
document.write(document.lastModified)
// termina de esconder el contenido -->
</script>
</body>
</html>

Muestra un nmero al azar

<html>
<head>
<script language="JavaScript">
function RandomNumber() {
today = new Date();
num= Math.abs(Math.sin(today.getTime()));
return num;
}
</script>
</head>
<body>
<script language="LiveScript">
<!--
document.write("Este es un numero al azar:", RandomNumber());
// -->
</script>
</body>
</html>

Abre una nueva ventana

<html>
<head>
<TITLE>TTULO DE PRUEBA</TITLE>

<script language="JavaScript">
function WinOpen() {
msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");
msg.document.write("<HEAD><TITLE>Que bien!</TITLE></HEAD>");

msg.document.write("<CENTER><h1><B>Abrimos una nueva ventana!


</B></h1></CENTER>"); }
</script>
</head>
<body>
<BR>
<BR>
<form>
<input type="button" name="Boton1" value="Aqui estoy" onclick="WinOpen()">
</form>
</body>
</html>

Ingresa 3 nmeros y muestra el mayor en un text

<html>
<head>
<title>Formulario de suma, resta, multiplicacion y division.</title>
<script language="JavaScript">
function mayor()
{
var a=eval(document.forms[0].n1.value);
var b=eval(document.forms[0].n2.value);
var c=eval(document.forms[0].n3.value);
var m=a;

if(b>m)
{
m=b;
}

if(c>m)
{
m=c;
}
document.forms[0].m1.value=m;
}
</script>
<head>

<body bgcolor="FF9829" link="red" bgproperties="fixed">

<h1> Formulario con JavaScript</h1>


<form name="fom1">
N1 <input type="text" size="27" name="n1"><br>
N2 <input type="text" size="27" name="n2"><br>
N3 <input type="text" size="27" name="n3"><br>
Mayor <input type="text" size="27" name="m1"><br>
<br>
<input type="button" value="Buscar Mayor" onClick="mayor()">
</html>
</body>
</form>

Ingrresa una clave y valida si es correcta utilizando switch()

<html>
<head>
<title>Password</title>
<script language="JavaScript">
function pass()
{

var p=eval(document.forms[0].n1.value);
switch(p)
{
case 29:
alert("1");
break;
case 65:
alert("2");
break;
case 64:
alert("3");
break;
default:
alert("Esa no es la clave correcta")

/*if(p!=29,65,64){

}
else
{
}*/
}
</script>

</head>

<body bgcolor="FF9829" link="red" bgproperties="fixed">


<h1> Password en JavaScript</h1>
<form name="fom1">
Ingrese el password <input type="password" size="27" name="n1"><br>
<br>
<input type="button" value="'pass'" onClick="pass()">
</html>
</body>
</form>

Muestra un mensaje y la hora en un text

<html>
<head>
<script language="JavaScript">
var Id=null;
var Activo=false;

function ParaReloj(){
if (Activo)
clearTimeout(Id);}

function ActivarReloj(){
ParaReloj();
Reloj()}
function Reloj(){
var fecha=new Date();
var horas=fecha.getHours();
var min=fecha.getMinutes();
var seg=fecha.getSeconds();
var Salida="";
Salida+=((horas<10)?"0":"")+horas+":";
Salida+=((min<10)?"0":"")+min+":";
Salida+=((seg<10)?"0":"")+seg;
document.reloj.hora.value=Salida;
timerId=setTimeout("Reloj()",1000);
timerActivo=true;}

</Script>

<body text="black" onLoad="ActivarReloj()">


<center> La hora es:
<form name="reloj">
<input type="Text" name="hora" value="Aqu se ver la hora" size="26">
</form>
</center>
</body>
</html>

Ingresa 3 nmeros, permite realizar los clculos de suma, resta, producto y cociente y
borrar el contenido de un text.

<html>
<head>
<script language="Javascript">
function div()
{
if(eval(document.forms[0].caja2.value!=0))
{

document.forms[0].caja3.value=eval(document.forms[0].caja.value)/eval(document.forms[
0].caja2.value);
}
else
{
alert("No sea burro no existe la division por 0")
}
}

function rest()
{
document.forms[0].caja3.value=eval(document.forms[0].caja.value)-
eval(document.forms[0].caja2.value);
}

function sum()
{
document.forms[0].caja3.value=eval(document.forms[0].caja.value)
+eval(document.forms[0].caja2.value);
}

function mul()
{

document.forms[0].caja3.value=eval(document.forms[0].caja.value)*eval(document.forms[
0].caja2.value);
}
function borrar()
{
document.forms[0].caja3.value=""
}
</script>
</head>
<body>
<form>
<input type="text" name="caja">
<input type="text" name="caja2">
<input type="text" name="caja3"><br>
<input type="button" value="/" onClick="div();"><br>
<input type="button" value="-" onClick="rest();"><br>
<input type="button" value="+" onClick="sum();"><br>
<input type="button" value="*" onClick="mul();"><br>
<input type="button" value="Borrar" onClick="borrar();">
</form>
</body>
</html>

Captura una opcin de un select y muestra en texts la URL y un mensaje guardado en


un vector.

<html>
<head>
<title></title>
<SCRIPT LANGUAGE="JavaScript">
var info=new Array(2)
info[0]="JUEGOS"
info[1]="MSICA"
info[2]="EDUCACIN"
info[3]="MEDICINA"
info[4]="CRDOBA"
info[5]=""
</SCRIPT>

</head>

<body bgcolor="#FFFFFF">

<FORM>
<table border=0>
<tr><td align=right>
<strong>Descripci&oacute;n:</strong>
</td><td><INPUT type="text" name="inf" value="" size=61 maxlength=200>
</td></tr>
<tr><td align=right>
<strong>URL:</strong>
</td><td><INPUT type="text" name="loc" value="" size=61>
</td></tr>
<tr>
<td align=right>
<strong>Enlaces:</strong>
</td><td>
<SELECT name="stat"
OnChange="this.form.loc.value=this.form.stat.options[this.form.stat.selectedIndex].value;t
his.form.inf.value=info[this.form.stat.selectedIndex]"
OnFocus="this.form.loc.value=this.form.stat.options[this.form.stat.selectedIndex].value;thi
s.form.inf.value=info[this.form.stat.selectedIndex]">
<OPTION value="http://ftp.">Juegos de tu compu
<OPTION value="http://www......"> <I>Encontr lo mejor</I>
<OPTION value="http://www....">UNI. NAC.
<OPTION value="http://www.......">Curate
<OPTION value="http://www.....">Crdoba

</SELECT>
<input type="button" Value="Vamos alla!"
Onclick="newwin=window.open(this.form.stat.options[this.form.stat.selectedIndex].value,
'Demo','width=400,height=300')">
</td></tr>
</table>
</FORM>
</td></tr>
</table>
</body>
</HTML>

Botones y mouse.

HTML>
<HEAD>
<!-- JavaScript que cambia las imagenes al pasar el puntero sobre ellas -->

<SCRIPT LANGUAGE="JavaScript">
<!--
// USO
// A cada imagen se le asigna una posicion en el "vector"
// document [imgName], donde imgName es el nombre de la imagen.
//
// Las funciones img_act(imgName) e img_inact(imgName) cargan
// las imagenes correspondientes.
//
{
botonon = new Image();
botonon.src = "boton1.gif";
botonoff = new Image();
botonoff.src = "boton2.gif";
}

function img_act(imgName)

{
imgOn = eval(imgName + "on.src");
document [imgName].src = imgOn;
}

function img_inact(imgName)

{
imgOff = eval(imgName + "off.src");
document [imgName].src = imgOff;
}

//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#ffffff">

<CENTER>
<A HREF="http://cordoba.com.ar
onMouseOver="img_act('boton');window.status='Activado';return true"
onMouseOut="img_inact('boton');window.status='';return true">
<IMG SRC="boton2.gif" name="boton" BORDER=0 ALIGN=TEXTTOP></A>
<CENTER>

You might also like