Ejemplos De Java Script

LENGUAJE DE PROGRAMACION III
(JAVA)

Semana 05 y 06 : JAVASCRIPT

Profesores :
Luis Arias Hidalgo

Semana 05 y 06 : Introduccion a JavaScript

Javascript es un codigo interpretado cuya finalidad es darle mayor interactividad a nuestras paginas web.

La sintaxis es la siguiente:

function nombrefun1(parametros){

}
function nombrefun2(parametros){

}

Generalmente elcodigo Script va entre los tags
En el código javascript se crean funciones que luegon serán llamadas desde la pagina web.

Ejemplo:Ingresar un numero y visualizar el doble y su mitad.
El codigo script seria el siguiente:

//Aqui esta la funcion que calculara el doble y la mitad
function calcular(){
var num;
/*En la variable num se almacena el contenido de la caja de texto txtnum sepone form1 por que
asi se llama el formulario form1.La funcion parseInt transforma el valor a entero
NOTA:para acceder a cualquier objeto del formulario se pone el nombre del formulario el nombre del control
y su propiedad*/
num = parseInt(form1.txtnum.value);
form1.txtdoble.value = num * 2;
form1.txtmitad.value = num / 2;
}

Para llamar a la funcion creada seria asi:

Seentiende que hay un boton llamado cmdcalcular y cajas de texto llamados txtdoble y txtmitad.
Ahora si queremos que las cajas de texto esten desactivadas seria de la siguiente manera:

Noten la propiedad redaonly.

Codigo fuente de pagina (Pag1.jsp)





JSP Page



function calcular(){

var num;

num = parseInt(form1.txtnum.value);form1.txtdoble.value = num * 2;

form1.txtmitad.value = num / 2;

}













Ingrese Numero







Doble







MitadSentencias Basicas en JavaScript

La sentencia if.

La sentencia if tiene la forma:
if ( Condición ){

}else{

}

Ejemplo : tener 2 numero y mostrar en un mensaje el mayor
Var num1,num2num1=parseInt(form1.txtn1.value);
num2=parseInt(form1.txtn2.value);
if(num1>num2){
alert(num1); //Alert muestra un mensaje
}else{
alert(num2);

}

Ejemplo Practico: Validacion de Formulario
Ingresar datos en un formulario y enviarlos a otra pagina, pero antes de enviarlo validar que se haya ingresado todos los datos.
[pic]
Pag1.jsp



JSP Page//función para validar si la tecla presionada es un numero
function validarnum(){
t = window.event.keyCode; //Recupera el ascci de la tecla presionada
if(t>=48 && t=65 && t=97 && t=0){ //si se encontro
document.form1.txtletra[p].value=cad.charAt(p);
//se extrae de cad la letra encontrada}else{//si no lo encuentra estamos en un error
cont++;//contando el error
alert("Vas fallando "+cont);
}
if(cont>=3){//si se equivoco tres veces
alert("perdistes...");
}
}
//funcion para inicializar el juego
function iniciar(){cont=0;
p=parseInt(Math.random()*5);
cad=paises[p];//se guarda en cad un pais al azar
//recorremos todas las cajas de texto y lo limpiamos
for(i=0;i

Ingrese telefono


Ingrese Direccion:


 


Rojo
Verde
Azul
Celeste
Negro



[pic]
Autor:L.A.A.H

Ventanas Emergentes...