SlideShare una empresa de Scribd logo
1 de 9
Permite ingresar 2 números 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">
Nº1:<INPUT TYPE="TEXT" NAME="nN1" SIZE="10">
<BR>
Nº2:<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 dirección 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">
Nº1:<INPUT TYPE="TEXT" NAME="nN1" SIZE="10">
<BR>
Nº2:<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 página inicial?'))
parent.location = "leccion1.htm";
}
// Final de codificación -->
</SCRIPT>
<TITLE>URL JavaScript</TITLE>
</HEAD>
<BODY BGCOLOR="white">
<H2><FONT COLOR=#0000FF FACE="Modern">El URL JavaScript
</FONT></H2>
Por ejemplo, el código siguiente crea un enlace que, cuando es pulsado, muestra una
ventana de confirmación. Si el usuario pulsa sobre el link y escoje <I>Cancelar</I>, la
página 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">Código</A> | <A
HREF="javascript:history.back()">Atrás</A> | <A
HREF="leccion1.htm">Inicio</A></B></CENTER></H5>
</BODY>
</HTML>
Ingresa un número, 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 número ' + numero + ' y el resultado es '
+document.form1.resultat.value;
}
</SCRIPT>
<head>
<body>
<FORM name="form1" >
Entra un número:
<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 modificación de la página
<html>
<body>
Esta es una simple página en HTML.
<br>
Ultima modificación:
<script language="JavaScript">
<!-- oculta el script de los browsers obsoletos
document.write(document.lastModified)
// termina de esconder el contenido -->
</script>
</body>
</html>
Muestra un número 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>TÍTULO 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 números 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">
Nº1 <input type="text" size="27" name="n1"><br>
Nº2 <input type="text" size="27" name="n2"><br>
Nº3 <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 números, permite realizar los cálculos 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 opción 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]="MÚSICA"
info[2]="EDUCACIÓN"
info[3]="MEDICINA"
info[4]="CÓRDOBA"
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.....">Córdoba
</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>

Más contenido relacionado

Destacado

Survey monkey responses!
Survey monkey responses!Survey monkey responses!
Survey monkey responses!hannach96
 
Recovered file 2!
Recovered file 2!Recovered file 2!
Recovered file 2!hannach96
 
Shakespeare presentation (4)
Shakespeare presentation (4)Shakespeare presentation (4)
Shakespeare presentation (4)sanjotboyal
 
Introduction to Poetry
Introduction to PoetryIntroduction to Poetry
Introduction to Poetryasupinski
 
VHF/UHF Uplink Solutions for Remote Wireless Sensor Networks - Bifrost Meeting
VHF/UHF Uplink Solutions for Remote Wireless Sensor Networks - Bifrost MeetingVHF/UHF Uplink Solutions for Remote Wireless Sensor Networks - Bifrost Meeting
VHF/UHF Uplink Solutions for Remote Wireless Sensor Networks - Bifrost MeetingAlp Sayin
 
VHF/UHF Uplink Solutions for Remote Wireless Sensor Networks - Thesis Defense
VHF/UHF Uplink Solutions for Remote Wireless Sensor Networks - Thesis DefenseVHF/UHF Uplink Solutions for Remote Wireless Sensor Networks - Thesis Defense
VHF/UHF Uplink Solutions for Remote Wireless Sensor Networks - Thesis DefenseAlp Sayin
 

Destacado (8)

Tamunuin (1)
Tamunuin (1)Tamunuin (1)
Tamunuin (1)
 
Survey monkey responses!
Survey monkey responses!Survey monkey responses!
Survey monkey responses!
 
Recovered file 2!
Recovered file 2!Recovered file 2!
Recovered file 2!
 
Sztirol
SztirolSztirol
Sztirol
 
Shakespeare presentation (4)
Shakespeare presentation (4)Shakespeare presentation (4)
Shakespeare presentation (4)
 
Introduction to Poetry
Introduction to PoetryIntroduction to Poetry
Introduction to Poetry
 
VHF/UHF Uplink Solutions for Remote Wireless Sensor Networks - Bifrost Meeting
VHF/UHF Uplink Solutions for Remote Wireless Sensor Networks - Bifrost MeetingVHF/UHF Uplink Solutions for Remote Wireless Sensor Networks - Bifrost Meeting
VHF/UHF Uplink Solutions for Remote Wireless Sensor Networks - Bifrost Meeting
 
VHF/UHF Uplink Solutions for Remote Wireless Sensor Networks - Thesis Defense
VHF/UHF Uplink Solutions for Remote Wireless Sensor Networks - Thesis DefenseVHF/UHF Uplink Solutions for Remote Wireless Sensor Networks - Thesis Defense
VHF/UHF Uplink Solutions for Remote Wireless Sensor Networks - Thesis Defense
 

Similar a Practicos script (20)

Javascript es6-ejercicios-resueltos-parte-2
Javascript es6-ejercicios-resueltos-parte-2Javascript es6-ejercicios-resueltos-parte-2
Javascript es6-ejercicios-resueltos-parte-2
 
Jquery para principianes
Jquery para principianesJquery para principianes
Jquery para principianes
 
J M E R L I N P H P
J M E R L I N P H PJ M E R L I N P H P
J M E R L I N P H P
 
Documentacion jhon elvis_quispe_gutierrez
Documentacion jhon elvis_quispe_gutierrezDocumentacion jhon elvis_quispe_gutierrez
Documentacion jhon elvis_quispe_gutierrez
 
Ajax
AjaxAjax
Ajax
 
Elemento 3
Elemento 3Elemento 3
Elemento 3
 
Guia N5 Proyectos Web Consultas Php Y My Sql
Guia N5   Proyectos Web   Consultas Php Y My SqlGuia N5   Proyectos Web   Consultas Php Y My Sql
Guia N5 Proyectos Web Consultas Php Y My Sql
 
Inf 14 (ventadellantas) rines
Inf 14 (ventadellantas)   rinesInf 14 (ventadellantas)   rines
Inf 14 (ventadellantas) rines
 
Jacqueline nuñez pacco
Jacqueline nuñez paccoJacqueline nuñez pacco
Jacqueline nuñez pacco
 
Jacqueline nuñez pacco
Jacqueline nuñez paccoJacqueline nuñez pacco
Jacqueline nuñez pacco
 
Software de Búsqueda
Software de BúsquedaSoftware de Búsqueda
Software de Búsqueda
 
Esctructura basica-pagina-asp
Esctructura basica-pagina-aspEsctructura basica-pagina-asp
Esctructura basica-pagina-asp
 
Ejemplo aplicacion web (estructura)
Ejemplo aplicacion web (estructura)Ejemplo aplicacion web (estructura)
Ejemplo aplicacion web (estructura)
 
Tecnología Formulario
Tecnología FormularioTecnología Formulario
Tecnología Formulario
 
Introducción a DJango
Introducción a DJangoIntroducción a DJango
Introducción a DJango
 
Php
PhpPhp
Php
 
Guía Practica de JavaScript
Guía Practica de JavaScriptGuía Practica de JavaScript
Guía Practica de JavaScript
 
Codigos para html
Codigos para htmlCodigos para html
Codigos para html
 
Nicolas castro sanchez
Nicolas castro sanchezNicolas castro sanchez
Nicolas castro sanchez
 
Parte II. Notas Rapidas (sticky notes) App W8: MVVM y SQLite.
Parte II. Notas Rapidas (sticky notes) App W8: MVVM y SQLite.Parte II. Notas Rapidas (sticky notes) App W8: MVVM y SQLite.
Parte II. Notas Rapidas (sticky notes) App W8: MVVM y SQLite.
 

Último

hitos del desarrollo psicomotor en niños.docx
hitos del desarrollo psicomotor en niños.docxhitos del desarrollo psicomotor en niños.docx
hitos del desarrollo psicomotor en niños.docxMarcelaArancibiaRojo
 
Ingeniería clínica 1 Ingeniería biomedica
Ingeniería clínica 1 Ingeniería biomedicaIngeniería clínica 1 Ingeniería biomedica
Ingeniería clínica 1 Ingeniería biomedicaANACENIMENDEZ1
 
COMPEDIOS ESTADISTICOS DE PERU EN EL 2023
COMPEDIOS ESTADISTICOS DE PERU EN EL 2023COMPEDIOS ESTADISTICOS DE PERU EN EL 2023
COMPEDIOS ESTADISTICOS DE PERU EN EL 2023RonaldoPaucarMontes
 
Principales aportes de la carrera de William Edwards Deming
Principales aportes de la carrera de William Edwards DemingPrincipales aportes de la carrera de William Edwards Deming
Principales aportes de la carrera de William Edwards DemingKevinCabrera96
 
clasificasion de vias arteriales , vias locales
clasificasion de vias arteriales , vias localesclasificasion de vias arteriales , vias locales
clasificasion de vias arteriales , vias localesMIGUELANGEL2658
 
Magnetismo y electromagnetismo principios
Magnetismo y electromagnetismo principiosMagnetismo y electromagnetismo principios
Magnetismo y electromagnetismo principiosMarceloQuisbert6
 
CHARLA DE INDUCCIÓN SEGURIDAD Y SALUD OCUPACIONAL
CHARLA DE INDUCCIÓN SEGURIDAD Y SALUD OCUPACIONALCHARLA DE INDUCCIÓN SEGURIDAD Y SALUD OCUPACIONAL
CHARLA DE INDUCCIÓN SEGURIDAD Y SALUD OCUPACIONALKATHIAMILAGRITOSSANC
 
ECONOMIA APLICADA SEMANA 555555555555555555.pdf
ECONOMIA APLICADA SEMANA 555555555555555555.pdfECONOMIA APLICADA SEMANA 555555555555555555.pdf
ECONOMIA APLICADA SEMANA 555555555555555555.pdffredyflores58
 
LA APLICACIÓN DE LAS PROPIEDADES TEXTUALES A LOS TEXTOS.pdf
LA APLICACIÓN DE LAS PROPIEDADES TEXTUALES A LOS TEXTOS.pdfLA APLICACIÓN DE LAS PROPIEDADES TEXTUALES A LOS TEXTOS.pdf
LA APLICACIÓN DE LAS PROPIEDADES TEXTUALES A LOS TEXTOS.pdfbcondort
 
Procesos-de-la-Industria-Alimentaria-Envasado-en-la-Produccion-de-Alimentos.pptx
Procesos-de-la-Industria-Alimentaria-Envasado-en-la-Produccion-de-Alimentos.pptxProcesos-de-la-Industria-Alimentaria-Envasado-en-la-Produccion-de-Alimentos.pptx
Procesos-de-la-Industria-Alimentaria-Envasado-en-la-Produccion-de-Alimentos.pptxJuanPablo452634
 
NTP- Determinación de Cloruros en suelos y agregados (1) (1).pptx
NTP- Determinación de Cloruros  en suelos y agregados (1) (1).pptxNTP- Determinación de Cloruros  en suelos y agregados (1) (1).pptx
NTP- Determinación de Cloruros en suelos y agregados (1) (1).pptxBRAYANJOSEPTSANJINEZ
 
TEXTO UNICO DE LA LEY-DE-CONTRATACIONES-ESTADO.pdf
TEXTO UNICO DE LA LEY-DE-CONTRATACIONES-ESTADO.pdfTEXTO UNICO DE LA LEY-DE-CONTRATACIONES-ESTADO.pdf
TEXTO UNICO DE LA LEY-DE-CONTRATACIONES-ESTADO.pdfXimenaFallaLecca1
 
Mapas y cartas topográficas y de suelos.pptx
Mapas y cartas topográficas y de suelos.pptxMapas y cartas topográficas y de suelos.pptx
Mapas y cartas topográficas y de suelos.pptxMONICADELROCIOMUNZON1
 
clases de porcinos generales de porcinos
clases de porcinos generales de porcinosclases de porcinos generales de porcinos
clases de porcinos generales de porcinosDayanaCarolinaAP
 
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdf
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdfReporte de simulación de flujo del agua en un volumen de control MNVA.pdf
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdfMikkaelNicolae
 
aCARGA y FUERZA UNI 19 marzo 2024-22.ppt
aCARGA y FUERZA UNI 19 marzo 2024-22.pptaCARGA y FUERZA UNI 19 marzo 2024-22.ppt
aCARGA y FUERZA UNI 19 marzo 2024-22.pptCRISTOFERSERGIOCANAL
 
ECONOMIA APLICADA SEMANA 555555555544.pdf
ECONOMIA APLICADA SEMANA 555555555544.pdfECONOMIA APLICADA SEMANA 555555555544.pdf
ECONOMIA APLICADA SEMANA 555555555544.pdfmatepura
 
UNIDAD 3 ELECTRODOS.pptx para biopotenciales
UNIDAD 3 ELECTRODOS.pptx para biopotencialesUNIDAD 3 ELECTRODOS.pptx para biopotenciales
UNIDAD 3 ELECTRODOS.pptx para biopotencialesElianaCceresTorrico
 
Manual_Identificación_Geoformas_140627.pdf
Manual_Identificación_Geoformas_140627.pdfManual_Identificación_Geoformas_140627.pdf
Manual_Identificación_Geoformas_140627.pdfedsonzav8
 
04. Sistema de fuerzas equivalentes II - UCV 2024 II.pdf
04. Sistema de fuerzas equivalentes II - UCV 2024 II.pdf04. Sistema de fuerzas equivalentes II - UCV 2024 II.pdf
04. Sistema de fuerzas equivalentes II - UCV 2024 II.pdfCristhianZetaNima
 

Último (20)

hitos del desarrollo psicomotor en niños.docx
hitos del desarrollo psicomotor en niños.docxhitos del desarrollo psicomotor en niños.docx
hitos del desarrollo psicomotor en niños.docx
 
Ingeniería clínica 1 Ingeniería biomedica
Ingeniería clínica 1 Ingeniería biomedicaIngeniería clínica 1 Ingeniería biomedica
Ingeniería clínica 1 Ingeniería biomedica
 
COMPEDIOS ESTADISTICOS DE PERU EN EL 2023
COMPEDIOS ESTADISTICOS DE PERU EN EL 2023COMPEDIOS ESTADISTICOS DE PERU EN EL 2023
COMPEDIOS ESTADISTICOS DE PERU EN EL 2023
 
Principales aportes de la carrera de William Edwards Deming
Principales aportes de la carrera de William Edwards DemingPrincipales aportes de la carrera de William Edwards Deming
Principales aportes de la carrera de William Edwards Deming
 
clasificasion de vias arteriales , vias locales
clasificasion de vias arteriales , vias localesclasificasion de vias arteriales , vias locales
clasificasion de vias arteriales , vias locales
 
Magnetismo y electromagnetismo principios
Magnetismo y electromagnetismo principiosMagnetismo y electromagnetismo principios
Magnetismo y electromagnetismo principios
 
CHARLA DE INDUCCIÓN SEGURIDAD Y SALUD OCUPACIONAL
CHARLA DE INDUCCIÓN SEGURIDAD Y SALUD OCUPACIONALCHARLA DE INDUCCIÓN SEGURIDAD Y SALUD OCUPACIONAL
CHARLA DE INDUCCIÓN SEGURIDAD Y SALUD OCUPACIONAL
 
ECONOMIA APLICADA SEMANA 555555555555555555.pdf
ECONOMIA APLICADA SEMANA 555555555555555555.pdfECONOMIA APLICADA SEMANA 555555555555555555.pdf
ECONOMIA APLICADA SEMANA 555555555555555555.pdf
 
LA APLICACIÓN DE LAS PROPIEDADES TEXTUALES A LOS TEXTOS.pdf
LA APLICACIÓN DE LAS PROPIEDADES TEXTUALES A LOS TEXTOS.pdfLA APLICACIÓN DE LAS PROPIEDADES TEXTUALES A LOS TEXTOS.pdf
LA APLICACIÓN DE LAS PROPIEDADES TEXTUALES A LOS TEXTOS.pdf
 
Procesos-de-la-Industria-Alimentaria-Envasado-en-la-Produccion-de-Alimentos.pptx
Procesos-de-la-Industria-Alimentaria-Envasado-en-la-Produccion-de-Alimentos.pptxProcesos-de-la-Industria-Alimentaria-Envasado-en-la-Produccion-de-Alimentos.pptx
Procesos-de-la-Industria-Alimentaria-Envasado-en-la-Produccion-de-Alimentos.pptx
 
NTP- Determinación de Cloruros en suelos y agregados (1) (1).pptx
NTP- Determinación de Cloruros  en suelos y agregados (1) (1).pptxNTP- Determinación de Cloruros  en suelos y agregados (1) (1).pptx
NTP- Determinación de Cloruros en suelos y agregados (1) (1).pptx
 
TEXTO UNICO DE LA LEY-DE-CONTRATACIONES-ESTADO.pdf
TEXTO UNICO DE LA LEY-DE-CONTRATACIONES-ESTADO.pdfTEXTO UNICO DE LA LEY-DE-CONTRATACIONES-ESTADO.pdf
TEXTO UNICO DE LA LEY-DE-CONTRATACIONES-ESTADO.pdf
 
Mapas y cartas topográficas y de suelos.pptx
Mapas y cartas topográficas y de suelos.pptxMapas y cartas topográficas y de suelos.pptx
Mapas y cartas topográficas y de suelos.pptx
 
clases de porcinos generales de porcinos
clases de porcinos generales de porcinosclases de porcinos generales de porcinos
clases de porcinos generales de porcinos
 
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdf
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdfReporte de simulación de flujo del agua en un volumen de control MNVA.pdf
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdf
 
aCARGA y FUERZA UNI 19 marzo 2024-22.ppt
aCARGA y FUERZA UNI 19 marzo 2024-22.pptaCARGA y FUERZA UNI 19 marzo 2024-22.ppt
aCARGA y FUERZA UNI 19 marzo 2024-22.ppt
 
ECONOMIA APLICADA SEMANA 555555555544.pdf
ECONOMIA APLICADA SEMANA 555555555544.pdfECONOMIA APLICADA SEMANA 555555555544.pdf
ECONOMIA APLICADA SEMANA 555555555544.pdf
 
UNIDAD 3 ELECTRODOS.pptx para biopotenciales
UNIDAD 3 ELECTRODOS.pptx para biopotencialesUNIDAD 3 ELECTRODOS.pptx para biopotenciales
UNIDAD 3 ELECTRODOS.pptx para biopotenciales
 
Manual_Identificación_Geoformas_140627.pdf
Manual_Identificación_Geoformas_140627.pdfManual_Identificación_Geoformas_140627.pdf
Manual_Identificación_Geoformas_140627.pdf
 
04. Sistema de fuerzas equivalentes II - UCV 2024 II.pdf
04. Sistema de fuerzas equivalentes II - UCV 2024 II.pdf04. Sistema de fuerzas equivalentes II - UCV 2024 II.pdf
04. Sistema de fuerzas equivalentes II - UCV 2024 II.pdf
 

Practicos script

  • 1. Permite ingresar 2 números 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"> Nº1:<INPUT TYPE="TEXT" NAME="nN1" SIZE="10"> <BR> Nº2:<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 dirección de e-mail y mostrar si es correcto con alert()
  • 2. <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"> Nº1:<INPUT TYPE="TEXT" NAME="nN1" SIZE="10"> <BR> Nº2:<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>
  • 3. <!-- Codigo JavaScript function funcion() { if (confirm('¿Quieres volver a la página inicial?')) parent.location = "leccion1.htm"; } // Final de codificación --> </SCRIPT> <TITLE>URL JavaScript</TITLE> </HEAD> <BODY BGCOLOR="white"> <H2><FONT COLOR=#0000FF FACE="Modern">El URL JavaScript </FONT></H2> Por ejemplo, el código siguiente crea un enlace que, cuando es pulsado, muestra una ventana de confirmación. Si el usuario pulsa sobre el link y escoje <I>Cancelar</I>, la página 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">Código</A> | <A HREF="javascript:history.back()">Atrás</A> | <A HREF="leccion1.htm">Inicio</A></B></CENTER></H5> </BODY> </HTML> Ingresa un número, 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 número ' + numero + ' y el resultado es ' +document.form1.resultat.value; } </SCRIPT> <head> <body> <FORM name="form1" > Entra un número: <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 modificación de la página <html> <body> Esta es una simple página en HTML. <br> Ultima modificación: <script language="JavaScript"> <!-- oculta el script de los browsers obsoletos
  • 4. document.write(document.lastModified) // termina de esconder el contenido --> </script> </body> </html> Muestra un número 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>TÍTULO 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 números 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);
  • 5. 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"> Nº1 <input type="text" size="27" name="n1"><br> Nº2 <input type="text" size="27" name="n2"><br> Nº3 <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 {
  • 6. }*/ } </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 números, permite realizar los cálculos de suma, resta, producto y cociente y borrar el contenido de un text. <html> <head> <script language="Javascript">
  • 7. 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 opción de un select y muestra en texts la URL y un mensaje guardado en un vector. <html> <head> <title></title> <SCRIPT LANGUAGE="JavaScript">
  • 8. var info=new Array(2) info[0]="JUEGOS" info[1]="MÚSICA" info[2]="EDUCACIÓN" info[3]="MEDICINA" info[4]="CÓRDOBA" 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.....">Córdoba </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.
  • 9. // // 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>