Expresiones y operadores Las expresiones y operadores (son iguales a las usadas en C, C++ o Java) pueden ser: aritméticos, lógicos o relacionales.

Transcripción

1 1 Script: Es archivo de órdenes o archivo de procesamiento por lotes es un programa usualmente simple, que por lo regular se almacena en un archivo de texto plano. Los script son casi siempre interpretados. JavaScript: Es un lenguaje de programación (registrado de la empresa Sun Microsystems) que se utiliza principalmente para crear páginas web dinámicas. Es un lenguaje de programación interpretado, por lo que no es necesario compilar los programas para ejecutarlos. Los programas JavaScript, incrustados en el código HTML, pueden ejecutarse en el navegador. JavaScript no guarda ninguna relación directa con el lenguaje de programación Java. El primer script <TITLE>El primer script</title>  <SCRIPT type="text/javascript"> alert("hola Mundo!");  Esta página contiene el primer script Expresiones y operadores Las expresiones y operadores (son iguales a las usadas en C, C++ o Java) pueden ser: aritméticos, lógicos o relacionales. Operadores: Suma: + Resta: - Multiplicación: * División: / Módulo: % Asignación: = Incremento: ++ Decremento: - - NOT:! AND: && OR: Igualdad: == Identidad: = = = No-identidad:!=. Además de la igual a igualdad, compara que el tipo de dato sea el mismo.

2 2 Variables y tipos de datos: Las variables son de libre tipado (variable que almacena cualquier tipo de dato) Tipos de datos: Number: número decimal o entero, positivo o negativo. Ejemplo: -2, 2.0, 4. String: cadena de caracteres. Ejemplo: Maria, Buenos días. Boolean: Verdadero o falso lógico. Ejemplo: True, False. Object: Entidad que tiene propiedades y métodos. Ejemplo: Gerente, Empleado <TITLE>Segundo Script. Expresiones y Operadores </TITLE> // Declaración de variables var suma, num1=2; // Declaración implícita con asignación num2=3; // Al principio suma es del tipo String suma="la suma"; document.write("la suma al principio es del tipo String: "+suma+" "); // Ahora suma es del tipo numérico suma=num1+num2; document.write("la suma ahora es del tipo numérico con un total= "+suma+" "); // Expresión de Incremento Postfijo document.write("operadores Unarios: "); document.write(" suma++ y ++suma => suma= suma+1 "); document.write(" suma-- y --suma => suma= suma-1 "); document.write("expresión de Incremento Postfijo "); document.write("la suma++ = "+suma++ +" "); document.write("la suma después de suma++ = "+suma+" "); // Expresión de Incremento Prefijo document.write("expresión de Incremento Prefijo "); document.write("la ++suma = "+ ++suma+" "); document.write("la suma después de ++suma = "+suma+" "); // Expresión de Decremento Prefijo document.write("expresión de Incremento Prefijo "); document.write("la --suma = "+ --suma+" "); document.write("la suma después de --suma = "+suma+" "); //Otra Operaciones document.write("otras operaciones "); suma+=2; document.write("la suma+ = 2 => suma = suma + 2 ="+ suma +" "); suma*=3; document.write("la suma* = 3 => suma = suma * 3 ="+ suma +" ");

3 3 Interactuar con el usuario a través de los métodos predefinidos: alert( ): para mostrar mensajes.ver código El primer script. prompt( ): para ingresar datos. Cancelar devuelve null. confirm( ): permite escoger entre aceptar o cancelar. Aceptar devuelve true y Cancelar devuelve false. <TITLE>Segundo Script. Expresiones y Operadores </TITLE> // Método predefinido prompt nacionalidad= prompt("ingrese su nacionalidad","escriba su nacionalidad"); // Método predefinido confim() var viaje= confirm("desea viajar?"); document.write("nacionalidad: "+nacionalidad+" "); document.write("desea Viajar: "+viaje+" ");

4 4 Estructuras de Decisión <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transsitional // EN"> <TITLE> Script. Estructuras de Decisión</TITLE> var nota; // Método predefinido prompt nota= prompt("ingrese su nota", "Escriba su nota"); //nota=parseint(nota);//función que pasa la cadena introducida a entero // Uso del if..else /*if (nota>10) alert("alumno aprobado"); else alert("alumno reprobado");*/ //Comentario con varias líneas if (nota>=10){ alert("alumno aprobado"); else{ alert("alumno reprobado"); // Uso del switch.. case document.write("nota: ", nota); switch (nota) { //case 10: // Cuando se pasa nota a entero case '10': alert("alumno debe estudiar más"); case '11': case '12': case '13': case '14': case '15': alert("alumno debe estudiar"); case '16': case '17': case '18': case '19': alert("alumno debe estudiar un poco más"); case '20': //alert("alumno debe seguir así, FELICITACIONES!..."); alert("alumno debe seguir así,\n FELICITACIONES!..."); default: alert("el alumno no se encuentra en el rango de notas"); // Cierre del switch... case Sentencia if else: if (condición) { else { Sentencia switch... case: switch (tipo) { case valor1: case valor2: case valor3: case valor4: default:

5 5 Estructuras de Repetitivas: for: for (inicialización; condición; incremento o decremento){ // Líneas de instrucción while : while (expresión){ // Líneas de instrucción do while: do { // Líneas de instrucción <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transsitional // EN"> <TITLE>Estructura Repetitiva for</title> var suma,num; suma=0; for(contador=0; contador<=4; contador++){ num= prompt("ingrese su número a sumar","escriba el número"); suma +=parseint(num); // suma= suma+num alert("la suma es: "+ suma); Códigos que calculan la suma de 5 números <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transsitional // EN"> <TITLE>Estructura Repetitiva while</title> var suma,num; suma=0; contador=0; while (contador<=4){ num= prompt("ingrese su número a sumar","escriba el número"); suma +=parseint(num); // suma= suma+num contador++; alert("la suma es: "+ suma); <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transsitional // EN"> <TITLE>Estruc. Repetitiva do...while</title> var suma,num; suma=0; contador=0; do{ num= prompt("ingrese su número a sumar","escriba el número"); suma +=parseint(num); // suma= suma+num contador++; while(contador<=4) alert("la suma es: "+ suma);

6 6 Arreglos: Los arreglos (se obtienen usando el objeto Array ) en JavaScript son similares a los de Java. El índice comienza en cero. <TITLE>Séptimo Script. Estructura Repetitiva do...while</title> elemento5="mango" ; //Declaración del arreglo y creación del objeto arreglo var arreglo= new Array(5,7,"Pera","Manazana",elemento5); //Salida por pantalla del agreglo y al final se coloca una línea en blanco document.write("los valores del arreglo son: "+ arreglo+" "); //Declaración del arreglo var arreglo1= new Array(); // Ingreso de elementos al arreglo for(i=0;i<=4;i++) arreglo1[i]= i; document.write("los valores del arreglo son: "+ arreglo1+" "); document.write("longitud del arreglo: "+ arreglo1.length); Funciones: Funciones incorporadas: eval(string): devuelve un valor numérico. isnan(value): si el valor es no un número devuelve true y lo contrario devuelve false. Si el primer carácter de la cadena es un carácter no numérico devuelve un NaN (No a Number) en las funciones: parseint(string): devuelve un valor entero. parseint(string, radix): devuelve un valor entero en el sistema numérico decimal, el segundo parámetro especifica la base del sistema numérico de la cadena (para el sistema decimal radix es 10). parsefloat(string): devuelve un valor de punto flotante (float). parsefloat(string, radix): devuelve un valor float en el sistema numérico decimal, el segundo parámetro especifica la base del sistema numérico de la cadena (para el sistema decimal radix es 10). <TITLE>Octavo Script. Funciones incorporadas</title> num= prompt("ingrese su número","escriba el número"); document.write("eval(string): "+ eval(num)+" "); document.write("isnan(value): "+ isnan(num)+" "); document.write("parseint(string): "+ parseint(num)+" "); document.write("parseint(string, radix): "+ parseint(num,10)+" "); document.write("parsefloat(string): "+ parsefloat(num)+" "); document.write("parsefloat(string,radix): "+ parsefloat(num,10)+" "); document.write("parseint(11,2): "+ parseint(11,2)+" "); document.write("parsefloat(11.1,2): "+ parsefloat("11.1",2)+" ");

7 7 Funciones definidas por el Usuario: function nombrefuncion (arg1,arg2, ){ //Cuerpo de la función <TITLE>Noveno Script. Funciones definidas por el usuario</title> <SCRIPT> function sumar(a,b){ var suma document.write("valor de a: "+a+" "); document.write("valor de b: "+b+" "); suma=parseint(a)+parseint(b); return suma; var a,b; a= prompt("ingrese valor de a","escriba el número"); b= prompt("ingrese valor de b","escriba el número"); document.write("la suma es: "+ sumar(a,b));

8 8 Objetos en JavacScript: Objeto Math: objeto envuelto que permite realizar operaciones aritméticas. Entre ellas tenemos: Sqrt(número): raíz cuadrada de un número. exp(valor): exponencial de base e. log(valor): logaritmo natural en base e. pow(base, exponente): base elevada al exponente. round(número): redondea el número al entero más cercano. abs(número): valor absoluto. sin(radianes): seno de un ángulo. cos(radianes): coseno de un ángulo. tan(radianes): tangente de un ángulo. asin(valor): inversa del seno. Devuelve radianes. acos(valor): inversa del coseno.. Devuelve radianes. atan(valor): inversa de la tangente. Devuelve radianes. <TITLE>Objeto Math</TITLE> document.write("seno de 0 es:",math.sin(1)," "); document.write("coseno de 0 es:",math.cos(0)," "); document.write("tangente de 0 es:",math.tan(0)," "); //Devuelve el entero igual o siguiente document.write("valor techo de 132,28:",Math.ceil(132.28)," "); document.write("2 a la potencia de 3 es:",math.pow(2,3)," "); document.write("valor absoluto de es:",math.abs(-45.6)," "); Objeto Date: Devuelve hora y fecha del sistema. <TITLE>Objeto Date</TITLE> var fecha= new Date(); document.write("fecha actual:"+fecha+" "); var anio= fecha.getyear(); document.write("el año es:"+anio+" "); var mes= fecha.getmonth()+1; document.write("el mes es:"+mes+" "); document.write("el día es:"+fecha.getdate()+" "); document.write("la hora es:"+fecha.gethours()+" "); document.write("los minutos son:"+fecha.getminutes()+" "); document.write("los segundos son:"+fecha.getseconds()+" ");

9 9 Manejadores de Eventos Eventos: Blur: se da cuando el foco es removido. Focus: se da cuando el usuario da una entrada o enfoca un elemento del formulario. Change: se da cuando el usuario cambia algún valor de un campo. Click: se da cuando el usuario hace clic en un enlace o en un elemento del formulario. Double Click: se da cuando el usuario hace doble clic. Load: se da cuando la página es cargada. Sumit: se da cuando el usuario envía un formulario de una página. Select: se da cuando la opción es seleccionada. Resize: se da cuando el usuario cambia el tamaño de la ventana. <TITLE>Eventos y manejadores de Eventos</TITLE> function calcular(){ var resultado= eval(document.calcularexpresion.formula.value); document.calcularexpresion.resultado.value=resultado; <FORM name="calcularexpresion" method="post"> <TABLE border="1">  <CAPTION align="top">calcular Expresión Aritmética</CAPTION> <TR> <TD>FORMULA</TD>  <TD><INPUT type="text" name="formula" size="20" onblur="calcular();"></td> </TR> <TR> <TD>RESULTADO</TD> <TD><INPUT type="text" name="resultado" size="20"></td> </TR> <TR>  <TD><INPUT type="button" value="calcular" name="calcular" onclick="calcular();"</td> </TR> </TABLE> </FORM>