HTML

SUMANDO CON INPUT
<html>
<head>
<script language="JavaScript">
function sumar()
{
a=document.form1.text1.value;
b=document.form1.text2.value;
c=parseInt(a)+parseInt(b);
document.form1.text3.value=c;
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<p>
<input type="text" name="text1">
+
=
</p>
<p>
<input name="Submit" type="button" value="sumar" onClick="sumar();">
</p>
</form>
</body>
</html>
suma uso de alert, prompt, confirm

<html>
<head>
</head>
<body>
{
a=prompt("ingrese valor");
b=prompt("ingrese segundo valor");
c=parseInt(a)+parseInt(b);
alert("la suma es= "+c);
if(confirm("deseas sumar nuevamente"));
{
alert("ok");
}
}
</script>
</body>
</html>
CONFIRM+ABRIR PAGINA
<html>
<head>
function redireccionar()
{
if(confirm("Deseas ir a la pagina"))
{
//window.locationf="http://www.google.cl";
location.href="http://www.google.cl";
}
else
{}//esos 2 parentesis son para que no haga nada
}
</script>
</head>
<body>


<p><a href="javascript:redireccionar()">ir a google</a></p>
<input type="button" value="ir a google" onClick="redireccionar()">
<p> </p>
</body>
</html>


<HTML>
<HEAD>
<title>Ejemplo de JavaScript</title>
</HEAD>
<BODY>
<script LANGUAGE="JavaScript">

write("<BR>En cursiva: "+cad.italics()+"<BR>");

write("La primera <I>l</I> esta, empezando a contar por detras,");
write(" en la posicion: "+cad.lastIndexOf("l")+"<BR>");
write("Haciendola enlace: "+cad.link("doc.htm")+"<BR>");
write("En pequeño: "+cad.small()+"<BR>");
write("Tachada: "+cad.strike()+"<BR>");
write("Subindice: "+cad.sub()+"<BR>");
write("Superindice: "+cad.sup()+"<BR>");
write("Minusculas: "+cad.toLowerCase()+"<BR>");
write("Mayusculas: "+cad.toUpperCase()+"<BR>");
write("Subcadena entre los caracteres 3 y 6: ");
write(cad.substring(2,4)+"<BR>");
write("Entre los caracteres 10 y 3: "+cad.substring(10,2)+"<BR>");
write("Subcadenas resultantes de separar por las <B>o:</B><BR>");
for(i=0;i<ja.length;i++) write(ja[i]+"<BR>");
}
//-->
</script>
</BODY>
</HTML>
PRINCIPAL
<html>
<head>
<LINK href="wea.css" rel="stylesheet" type="text/css">
<TITLE>Practico 2</title>
function validarnumerico()
{
var key = window.event.keyCode;
return(key >= 48 && key <= 57);
}
function LIMP()
{
document.form1.text1.value="";
document.form1.text2.value="";
document.form1.text1.focus();
}
function calcular()
{
a=parseInt(document.form1.text1.value);
b=parseInt(document.form1.text2.value);
if (a!=0 && b!=0 && a > b)
{
dividir=window.open('dividir.html','4','left=100,top=100,width=250,height=300');
}
else if(a!=0 && b==0)
{
mostrar=window.open('mostrar.html','4','left=100,top=100,width=250,height=300');
}
else
{
otrocaso=window.open('otro
caso.html','4','left=100,top=100,width=250,height=300');
}
}
</script>
<style type="text/css">

</style>
</head>
<body>
<form name="form1" method="post" action="">
<center><table summary="Tabla con css">
<caption>
<span class="Estilo9">VENTANA PRINCIPAL</span>
</caption>
<tr>
<th><div align="center" class="Estilo8">Ingresos</div></th>
<th><div align="center" class="Estilo8">Valor</div></th>
</tr>
<tr>
<td width="74%"><div align="right"><font size="2"><strong><font
face="Verdana, Arial, Helvetica, sans-serif">Primer
numero:</font></strong></font></div></td>
<td width="26%"><input name="text1" type="text" size="10" onkeypress="return
validarnumerico()"></td>
</tr>
<tr>
<td><div align="right"><font size="2"><strong><font face="Verdana, Arial,
Helvetica, sans-serif">Segundo
numero:</font></strong></font></div></td>
<td><input name="text2" type="text" size="10" onkeypress="return
validarnumerico()"></td>
</tr>
</table>
<table width="21%" border="1" align="center">
<tr>
<td><div align="center">
<input name="boton" type="button" onClick="calcular()" value="Ver">
</div></td>
<td><div align="center">
<input name="Reset" type="reset" value="Limpiar" onClick="LIMP()">
</div></td>
</tr>
</table></center>
<p> </p>
</form>
</body>
</html>
DIVIDIR
<html>
<head>
<TITLE>Dividir</title>
<script language="javaScript">
function inicio()
{
window.document.formdiv.text1.value = window.opener.form1.text1.value;
window.document.formdiv.text2.value = window.opener.form1.text2.value;
a=parseInt(document.formdiv.text1.value);
b=parseInt(document.formdiv.text2.value);
}
function dividir()
{
a=parseInt(document.formdiv.text1.value);
b=parseInt(document.formdiv.text2.value);
resultado=a/b;
document.formdiv.res.value=resultado;
}
</script>
</head>
<body onLoad="inicio()">
<div align="center"><strong><font face="Verdana, Arial, Helvetica, sans-
serif">VENTANA
DIVIDIR </font></strong> </div>
<form action="" method="get" name="formdiv">
<tr>
<td width="64%"><div align="right"><strong><font size="2" face="Verdana,
Arial, Helvetica, sans-serif">valor
1:</font></strong></div></td>
<td width="36%"><input name="text1" type="text" size="10"></td>
</tr>
<tr>
<td><div align="right"><strong><font size="2" face="Verdana, Arial, Helvetica,
sans-serif">valor
<td><input name="text2" type="text" size="10"></td>
</tr>
<tr>
<td><div align="right"></div></td>
<td><input name="boton" type="button" value="Dividir"
onClick="dividir()"></td>
</tr>
<tr>
sans-serif">resultado:</font></strong></div></td>
<td><input name="res" type="text" size="10"></td>
</tr>
</table>
</form>
</body>
</html>
OTRO
<html>
<head>
<TITLE>Sumar</title>
function inicio()
{
window.document.formsum.text1.value = window.opener.form1.text1.value;
window.document.formsum.text2.value = window.opener.form1.text2.value;
a=parseInt(document.formsum.text1.value);
b=parseInt(document.formsum.text2.value);
}
function sumar()
{
a=parseInt(document.formsum.text1.value);
b=parseInt(document.formsum.text2.value);
resultado=a+b;
document.formsum.res.value=resultado;
}
</script>
</head>
serif">VENTANA
SUMAR</font></strong> </div>
<form action="" method="get" name="formsum">
<tr>
Arial, Helvetica, sans-serif">valor
</tr>
<tr>
sans-serif">valor
<td><input name="text2" type="text" size="10"></td>
</tr>
<tr>
<td><input name="boton" type="button" value="Sumar" onClick="sumar()"></td>
</tr>
<tr>
sans-serif">resultado:</font></strong></div></td>
<td><input name="res" type="text" size="10"></td>
</tr>
</table>
</form>
</body>
</html>
MOSTRAR.
<html>
<head>
<TITLE>Mostrar</title>
function inicio()
{
window.document.formmos.text1.value = window.opener.form1.text1.value;
a=parseInt(document.formmos.text1.value);
}
</script>
</head>
serif">VENTANA
MOSTRAR</font></strong></div>
<form action="" method="get" name="formmos">
<tr>
Arial, Helvetica, sans-serif">El primer valor
es:</font></strong></div></td>
</tr>
<tr>
<td><input name="boton" type="button" value="Volver"
onclick="window.close();"></td>
</tr>
</table>
</form>
</body>
</html>

HTML

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

HTML

Cargado por

Copyright:

Formatos disponibles

SUMANDO CON INPUT

suma uso de alert, prompt, confirm

write("<BR>En cursiva: "+cad.italics()+"<BR>");

También podría gustarte