Curso de Javascript PDF

CURSO DE JAVASCRIPT PRIMERA PARTE 1.
INTRODUCCIN
En un principio las pginas Web disponan de un contenido esttico, tan slo permitan que el usuario utilizase enlaces para moverse entre las distintas partes de su contenido. Con el paso del tiempo se ha visto la necesidad de desarrollar tecnologas que permitan dotar a las pginas de internet de interactividad, es decir, dar la posibilidad al usuario de interactuar con la informacin que se presenta en los navegadores. El primer lenguaje utilizado para crear pginas Web fue el sencillo y manejable lenguaje de hipertexto llamado HTML. Este lenguaje permite mostrar texto e imgenes en los navegadores, as como crear enlaces entre todos sus elementos. Posteriormente, se Netscape Corporation creo el lenguaje JavaScript para permitir, de una manera sencilla, introducir una mayor interactividad en las pginas Web. El cdigo JavaScript puede ser incorporado directamente en las pginas HTML y no se requieren complejos conceptos de programacin para su uso.
2. PRIMEROS PASOS CON JAVASCRIPT

Para aadir JavaScript se limita el cdigo con la la etiqueta SCRIPT. Este puede estar en cualquier lugar de la pgina. El cdigo se ejecuta en el lugar donde se encuentra.
<SCRIPT LANGUAGE="JavaScript"> <!-Aqu va el cdigo //--> </SCRIPT>
Ejemplo 2.1: Mostrar un texto por pantalla utilizando la
instruccin document.write(texto)
<SCRIPT LANGUAGE="JavaScript"> <!-document.write ("Este texto est escrito con JavaScript"); //--> </SCRIPT>
[Ejecucin]
Ejemplo 2.2: Utilizar las intrucciones: navigator.appName, que indica el nombre del navegador y navigator.appVersion, que nos indica la versin, para ver esta
informacin por pantalla.

<SCRIPT LANGUAGE="JavaScript"> <!-document.write ("El navegador utilizado actualmente es "+navigator.appName+ " ,versin "+navigator.appVersion); //--> </SCRIPT>
[Ejecucin]
3. VARIABLES Y VALORES
Las variables son elementos del lenguaje que permiten almacenar distintos valores en cada momento. Se puede almacenar un valor en una variable y consultar este valor posteriormente, tambin podemos modificar su contenido siempre que queramos.
Definir variables
Para declarar las variables en JavaScript se utiliza la instruccin var. A cada variable se le asigna un nombre, y opcionamente, un valor inical. Si no se trata de una funcin, la instruccin var es opcional, pero se recomienda utilizarla.
var ejemplo; ejemplo= "Hola"; es lo mismo que var ejemplo="Hola"
var resultado=3+7; contiene el valor 10
Nombrar variables
Cada variable es identificada por un nombre. Al asignar un nombre a una variables se deben tener en cuenta las siguientes reglas:

Se pueden utilizar todas las letras del alfabeto en maysculas y minsculas, los nmeros del 0 al 9 y el guin subrayado. Los nombres de las variables no pueden contener puntos ni espacios en blanco. El primer carcter ha de ser una letra o el guin subrayado. En el nombre se hace distincin entre maysculas y minsculas. No se puede utilizar como nombre ninguna de las palabras reservadas para JavaScript, es decir, no se pueden utilizar palabras que coincidan con las queque pertenecen al lenguaje JavaScript. Oficialmente no hay restricciones en cuanto a la longitud del nombre, pero ste debe caber en una sola lnea.
Nombre de variables vlidos Nombres de variables no vlidos Aux_Nombre mail1 _primero resultado Aux nombre 1mail entrada.primero JavaScript
Tipos de variables
Los tipos de valores que puede contener una variable JavaScript son:

Nmeros: puede contener cualquier tipo de nmero real o entero. Operadores lgicos o boolean: puede contener uno de los siguiente valores: true, false, 1 y 0. Cadenas de caracteres o String: cualquier combinacin de caracteres (letras, numeros, signos especiales y espacios). Las cadenas se delimitan mediante comillas dobles o simples. Las comillas simples, por norma, sern utilizadas dentro de fragmentos de cdigo delimitados por comillas dobles o viceversa.
Tipo de variable Numrica Variable numero1 = 3; numero2 = 3.7; numero3 = 0.6; numero4 = 5+7; cadena1 = "Pepe";
String
cadena2 = "Bienvenido a el site Web"; Boolean entrada = true; salida = false; auxentrada = 1; auxsalida = 0
Conversin
Los nmeros pueden incluirse facilmente en strings, pero los strings no se pueden incluir directamente en numeros, para eso existen funciones explicitas de conversin, parseInt() y parseFloat() son las funciones encargadas de hacerlo. parseFloat(cadena) transforma en nmero una cadena de caracteres que se ha de transmitir y la devulve como valor numrico. Si el nmero se puede interpertar como nmero decimal, la funcin lo tiene en cuenta. Como signo decimal se interpreta el punto. La funcin resulta muy til, por ejemplo, para transformar las entradas del usuario en valores numricos que permitan hacer clculos. Devulve NaN cuando la cadena de caracteres empieza con caracteres que no se pueden interpretar como parte de un nmero. Si la cadena contiene caracteres no numricos hacia el final, el nmero se interpreta slo hasta donde empiezan los caracteres no numricos, y se devulve como valor la parte interpretada como nmero. parseInt(cadena) funciona de forma similar a la funcin anterior, pero el valor devuelto siempre es un entero y considera el punto como un carcter. A continuacin veremos unos ejemplos de conversin de variables:
var aPartirde = 1; var hastaAqui = 10,frase; var hacerQue = "Contar desde "; frase=hacerQue + aPartirde + " a " + hastaAqui + ".";
Despues de ejecutar estas sentencias, la variable frase contendr "Contar desde 1 a 10." Los datos numricos han sido obligados a tomar la forma de un string.
var ahoraQue = 0, frase; frase = ahoraQue + 1 + "10"; // En este caso, porque "10" es un string, // el operador "+" concatena los valores.
Despues de su ejecucin, la variable ahoraQue contiene "0110". Para llegar a este resultado se siguen los siguientes pasos:
1. Mira los tipos de 1 y "10" y ahoraQue. El "10" y ahoraQuees un string, el 1 es un nmero, entonces el numero es obligado a convertirse en string. 2. Como en la expersin hay valores strings, se efectua una concatenacion de string. El resultado es "0110" 3. Almacena este resultado en frase. En el ejemplo siguiente se realiza una conversin de la cadena "10" nmero entero, por lo que la operacin se realiza como si todos los operandos fuesen nmeros.
var ahoraPues = 0; ahoraPues = ahoraPues + 1 + parseInt("10"); // En este caso, "+" realiza una suma.
Despues de la ejecucin, la variable ahoraPues contiene el entero 11.
Ejercicios
Ejercicio 3.1: Introducir el siguiente cdigo utilizando por los menos 4 variaciones
en la definicin y declaracin de variables, con la condicin de que el resultado sea el mismo. Explicar los cambios.
<SCRIPT LANGUAGE="JavaScript"> <!-var edad=23, nueva_edad, incremento; var nombre="Rosa Garca"; incremento=4; nueva_edad=edad+incremento; document.write(nombre+ " dentro de "+incremento +" aos tendr "+ nueva_edad+" aos") //--> </SCRIPT>
Ejercicio 3.2: Detectar, corregir y explicar los errores en el siguiente cdigo
(hacerlo en papel).
<SCRIPT LANGUAGE="JavaScript"> <!-var texto.inic="Presentamos el producto"; var 3aux=4,numero,aux1="ana"; var emp est=true,var=5; var aux3_1=5;Nom_Primero; var _texto=entrada; aux3_1="Pedro"; Nom_Primero=aux3_1; aux1=aux3_1; //--> </SCRIPT>
Ejercicio 3.3: Indicar qu salidas (document.write) se obtendran del siguiente
cdigo (hacerlo en papel).

<SCRIPT LANGUAGE="JavaScript"> <!-var aux1="Oveja que bala",aux2="bocado que pierde"; var num1=8, num2=5,resultado,operando="20"; document.write(aux1+aux2+"<br>"); document.write (num1+num2+"<br>"); num1=num1+num2; resultado=num1+num2; document.write (num1+"-"+num2+"-"+resultado); resultado=operando+num1; document.write (resultado); resultado=parseInt(operando)+num1; document.write (resultado); //--> </SCRIPT>
Ejercicio 3.4 Sustituir los comentarios por las rdenes apropiadas

<SCRIPT LANGUAGE="JavaScript"> <!-var puntos="340"; var descuento=20; //Hacer lo necesario para restar "puntos" de "descuento" //Mostrar por pantalla un mensaje del tipo: //Los puntos obtenidos son 340, el descuento es 20 y el resultado final es 320 //--> </SCRIPT>
Ejercicio 3.5Sustituir los comentarios por las rdenes apropiadas

<SCRIPT LANGUAGE="JavaScript"> <!-var nombre="Elena"; var aos="20"; var aux=2; /*Hacer lo necesario para que se vea el siguiente mensaje utilizando las variables correspondientes: Elena tiene 20 aos y dentro de 2 aos tendr 22*/ //--> </SCRIPT>
4. MOSTRAR Y LEER EN PANTALLA

alert()
El mtodo alert() permite mostrar al usuario informacin literal o el contenido de variables en una ventana independiente. La ventana contendr la informacin a mostrar y el botn Aceptar.
Su sintaxis es:
alert(mensaje)
Ejemplo 4.1: Muestra un mensaje literal en una ventana.

<SCRIPT LANGUAGE="Javascript">  </SCRIPT>
[Ejecucin] Caracteres especiales En los mensajes se pueden introducir determinados caracteres que permiten realizar funciones especiales dentro de los valores de tipo string. stos son:
Carcter \n \t \\ \ \"
Funcin Salto de lnea Tabulador Carcter \ Comilla simple Comilla doble
Ejemplo 4.2: Muestra un mensaje, que es la combinacin de una variable y un
literal, en una ventana. Adems se produce un salto de lnea pues se utiliza un caracter especial que la provoca.
<SCRIPT LANGUAGE="Javascript">  </SCRIPT>
[Ejecucin]
confirm()
A travs del mtodo confirm() se activa un cuadro de dilogo que contiene los botones Aceptar y Cancelar. Cuando el usuario pulsa el botn Aceptar, este mtodo devuelve el valor true; Cancelar devuelve el valor false. Con ayuda de este mtodo el usuario puede decidir sobre preguntas concretas e influir de ese modo directamente en la pgina.
Su sintaxis es:
confirm(mensaje)
Ejemplo 4.3: Solicita la confirmacin de una operacin

<SCRIPT LANGUAGE="Javascript">  </SCRIPT>
[Ejecucin]
prompt()
El mtodo prompt() abre un cuadro de dilogo en pantalla en el que se pide al usuario que introduzca algn dato. Si se pulsa el botn Cancelar, el valor de devolucin es false/null. Pulsanto en Aceptar se obtiene el valor true y la cadena de caracteres introducida se guarda para su posterior procesamiento.
Su sintaxis es:
prompt(pregunta, respuesta)
Siendo pregunta la informacin que se muestra y respuesta la informacin por defecto que la orden tomar de entrada.
Ejemplo 4.4: Solicita la provincia, dando como opcin por defecto "Asturias". Se puede introducir otra provincia a la mostrada. Si se pulsa Aceptar se muestra la provincia introducida y si no se muestra una ventana que indica lo sucedido.
<SCRIPT LANGUAGE="Javascript">  </SCRIPT>
[Ejecucin]
Ejercicios
Ejercicio 4.1: Haz un programa que pregunte por el nombre de la persona y por
los apellidos y despus los muestre en una ventana. A continuacin debe preguntar si quiere salir, dando opcin, solamente, a una contestacin afirmativa o negativa y la respuesta en el documento. [Ejecucin]
5. LOS OPERADORES
Combinando variables y valores, se pueden formular expresiones ms complejas. Las expresiones son una parte esencial de los programas. Para formular expresiones se utilizan los operadores.
Operadores de asignacin
Los operadores de asignacin se utilizan para asignar valores a las variables. Alguno de ellos tambin incluyen operaciones.
Operador = += -= Descripcin Asigna a la vble de la parte izquierda el valor de la parte derecha. Suma los operandos izquierdo y derecho y asigna el resultado al operando izquierdo. Resta el operando derecho del operando izquierdo y asigna el resultado al
operando izquierdo. *= /= %= Multiplica ambos operandos y asigna el resultado al operando izquierdo. Divide ambos operandos y asigna el resultado al operando izquierdo. Divide ambos operandos y asigna el resto al operando izquierdo.
Ejemplo 5.1: Se muestra el funcionamiento de los distintos operadores de
asignacin.
<SCRIPT LANGUAGE="Javascript">  </SCRIPT>
[Ejecucin]
Operadores aritmticos
Los operadores aritmticos se utilizan para hacer clculos aritmticos.
Operador Descripcin + * / % Suma. Resta. Multiplica. Divide. Calcula el resto de una divisin.
Adems de estos operadores, tambin existen operadores aritmticos unitarios: incremento (++), disminucin (--) y la negacin unitaria (-). Los operadores de incremento y disminucin pueden estar tanto delante como detrs de una variable. Estos operadores aumentan o disminuyen en 1, respectivamente, el valor de una variable. La diferencia entre ambas posiciones reside en el momento en que se ejecuta la operacin.
Operador Descripcin (x=5) y = ++ x y = x++ y = -- x y = x-y =-x Primero el incremento y despus la asingancin. y=6 Primero la asignacin y despus el incremento y=5 Primero el decremento y despus la asingancin. y=4 Primero la asignacin y despus el decremento. y=5 Se asigna a y el valor negativo de x, pero x no vara. y = -5
Ejemplo 5.2: Se muestra el funcionamiento de los operadores aritmticos

<SCRIPT LANGUAGE="Javascript">  </SCRIPT>
[Ejecucin]
Operadores de comparacin
Para comparar dos valores entre s, se utiliza el operador de comparacin. Como valor de retorno se obtiene un valor lgico o booleano: true o false.
Operador Descripcin == != > < Devuelve el valor true cuando los dos operandos son iguales. Devuelve el valor true cuando los dos operandos son distintos. Devuelve el valor true cuando el operando de la izquierda es mayor que el de la derecha. Devuelve el valor true cuando el operando de la derecha es menor que el de la
izquierda. >= <= Devuelve el valor true cuando el operando de la izquierda es mayor o igual que el de la derecha. Devuelve el valor true cuando el operando de la derecha es menor o igual que el de la izquierda.
Ejemplo 5.3: Se muestra el resultado de distintas expresiones lgicas.

<SCRIPT LANGUAGE="Javascript">  </SCRIPT>
de la expresin 'a==b' es igual a de la expresin 'a!=b' es igual a de la expresin 'a>b' es igual a de la expresin 'a<b' es igual a de la expresin 'a>=b' es igual a de la expresin 'a<=b' es igual a
[Ejecucin]
Operadores lgicos
Los operadores lgicos se utilizan para el procesamiento de los valores booleanos. A su vez el valor que devuelven tambin es booleano: true o false. Suponemos para los ejemplos la siguiente instruccin var a=3;b=4;c=5;
Operador Descripcin && || ! Y lgica. El valor de devolucin es true cuando ambos operandos son verdaderos. O lgica. El valor de devolucin es true cuando alguno de los operandos es verdadero o lo son los dos. No lgica. El valor de devolucin es true cuando el valor es falso.
Ejemplo 5.4: Se muestra el resultado de distintas operaciones realizadas con
operadores lgicos.
<SCRIPT LANGUAGE="Javascript">  </SCRIPT>
[Ejecucin]
Operador typeof
El operador typeof variable devuelve una cadena de texto que describe el tipo de datos al que pertenece la variable. Ejemplo 5.5. Describe el tipo de datos de distinas variables.
<HTML> <HEAD> <SCRIPT LANGUAGE="Javascript"> var ciudad="Oviedo"; var edad=6; var carnet=true; document.write("<BR>La variable ciudad es de tipo: "+typeof ciudad+ "<BR>"); document.write("La variable edad es de tipo: "+typeof edad + "<BR>"); document.write("La variable carnet es de tipo: "+typeof carnet + "<BR>"); </SCRIPT> </HEAD> <BODY> </BODY> </HTML>
[Ejecucin]
eval()
La funcin eval() calcula la cadena de caracteres que se ha de transmitir y devuelve el resultado como valor. si la cadena contiene caracteres que no se pueden interpretar como parte de la operacin de clculo, emite un mensaje de error. Ejemplo 5.6. Se pide una expresin numrica y se averiguar el resultado utilizando la funcin eval().
var expresion,resultado; expresion=prompt("Introduce la operacin a realizar",""); resultado=eval(expresion); alert ("El resultado de la operacion es "+resultado);
[Ejecucin]
Ejercicios
Ejercicio 5.1: Completar el siguiente cdigo con las sentencias indicadas en los
comentarios.
<HTML> <HEAD> <SCRIPT LANGUAGE="Javascript"> var precioOrdenador,nombre; precioOrdenador=150000; //Calcular el 16% del precio del ordenador y mostar por pantalla //Mostrar una expresin lgica con operadores de comparacin cuyo resultado sea True //Mostrar una expresin lgica con operadores de comparacin cuyo resultado sea False //Mostrar una expresin lgica con operadores lgicos cuyo resultado sea True //Mostrar una expresin lgica con operadores lgicos cuyo resultado sea False /*Pedir el nombre de un animal por pantalla y despus mostrar el tipo de la variable en la que se almacen el dato y el de "precioOrdenador*/ </SCRIPT> </HEAD> <BODY> </BODY> </HTML>
Ejercicio 5.2: Escribir las instrucciones necesarias para realizar las siguientes
operaciones: 1. Incrementar en 1 el contenido de una variable llamada precio 2. Decrementar en 1 el contenido de una variable llamada precio
3. Tenemos una variable llamada total y otra precio1, conseguir acumular en la variable total el contenido de precio1. 4. Tenemos una variable llamada aux1 y otra llamada aux2, conseguir asignar el valor de aux2 a aux1 e incrementar, posteriormente, el valor de aux2 en 1. 5. Tenemos una variable llamada aux1 y otra llamada aux2, conseguir incrementarel valor de aux2 en 1 y, posteriormente, asignar el valor de aux2 a aux1.
Ejercicio 5.3: Supongamos el siguinte fragmento de cdigo
var var var var aux1=7; aux2=10; aux3=17; aux4=20;
Qu devolvera el siguiente cdigo?: alert((aux1<aux3)&&(aux2<aux4)); Qu devolvera el siguiente cdigo?: alert((aux1>aux3)||(aux2<aux4)); Qu devolvera el siguiente cdigo?: alert((aux1<aux3)||(aux2!=aux4));
Ejercicio 5.4. Dada la declaracin inicial de variables siguiente:
var var var var var aux1=7; aux2="perro"; aux3=17; aux4="20"; total1,total2,total3,total4,total5,total6;
Hacer un programa donde se muestre el resultado de las siguentes operaciones, mostrar tambin el tipo de datos resultante de cada operacin (typeof). Fijarse en los resultados: datos y tipo de dato.
total1=aux1+aux2 total2=aux1+aux3 total3=aux1+aux4 total4=aux2+aux3 total5=aux2+aux4 total6=aux3+aux4
Ejercicio 5.5. Hacer la traza del siguiente cdigo e indicar que valores se muestran
por pantalla.
var porcentaje=12; var apuesta; apuesta=prompt("Introduce la apuesta ",""); apuesta=parseInt(apuesta); porcentaje=(apuesta*12)/100; porcentaje+=1;
apuesta-=porcentaje; document.write("La casa se queda con el 12%+1 que se corresponde con "+porcentaje+" euros"); document.write("<BR>Tu apuestas "+apuesta+" euros");
Ejercicio 5.6. Hacer la traza del siguiente cdigo e indicar que valores se muestran
por pantalla. Hacer una traza suponiendo que se introduce el nombre de Ana y otra introduciendo el nombre de Pedro.
var veces,puntos=3,total=100; var nombre,auxLog; nombre=prompt("Introduce tu nombre",""); veces=prompt("Cuantas veces has entrado aqu",""); auxLog=(nombre=="Ana"); alert("Eres Ana?="+auxLog); veces=parseInt(veces); veces+=1; puntos=++veces; total=total+puntos+veces; auxLog=(nombre=="Pedro")&&(veces==3); alert ("El valor total es "+total+"\nEres Pedro y has entrado 3 veces?:"+auxLog);
6. BUCLES/ESTRUCTURAS
Para controlar el flujo de informacin en los programas JavaScript existen una serie de estructuras condicionales y bucles que permiten alterar el orden secuencial de ejecucin.
if-else
La instruccin if es permite la ejecucin de un bloque u otro de instrucciones en funcin de una condicin. Sintaxis:
If (condicin) { bloque de instrucciones que se ejecutan si la condicin se cumple } else{ bloque de instrucciones que se ejecutan si la condicin no se cumple }
Las llaves slo se han de utilizar cuando haya varias instrucciones seguidas pertenecientes a la ramificacin.
Puede existir una instruccin if que no contenga la parte else. En este caso, se ejecutaran una serie de rdenes si se cumple la condicin y si esto no es as, se continuara con la rdenes que estn a continuacin del bloque if.
Ejemplo 6.1. Pide un da de la semana y emite un mensaje en el caso de que la
variable xdia sea domingo.

<SCRIPT LANGUAGE="Javascript"> "+r+"<br>"); } </SCRIPT>
Ejercicio 6.28: Hacer un script que pregunte por la clave de entrada. El programa
slo finalizar cuando se introduzca la clave correcta, entonces se mostrar por pantalla el siguiente mensaje:"Clave correcta". Utiliza el bucle while.
Ejercicio 6.29: Aadir al siguiente script las rdenes necesarias para que slo
pregunte por la clave 3 veces cmo mximo.Utiliza el bucle break.
7. FUNCIONES
Una funcin es un conjunto de instrucciones que se agrupan bajo un nombre de funcin, slo cuando es llamada por su nombre en el cdigo del programa se provoca la ejecucin de las rdenes que contiene. Las funciones son muy importantes por diversos motivos:
Ayudan a estructurar los programas para hacerlos su cdigo ms comprensible y ms fcil de modificar. Permiten repetir la ejecucin de un conjunto de rdenes todas las veces que sea necesario sin necesidad de escribir de nuevo las instrucciones.
Una funcin consta de las siguientes partes bsicas:

Un nombre de funcin Los parmetros pasados a la funcin separados por comas y entre parntesis Las llaves de inicio y final de la funcin
Sintasix de la definicin de una funcin

function nombrefuncion (parmetro1, parmetro2){ instrucciones //si la funcin devuelve algn valor aadimos: return valor; }
Sintasix de la llamada a una funcin 1. La funcin se ejecuta siempre que se ejecute la sentencia.
nombrefuncion (parm1, parm2);
1. La funcin se ejecuta cuando se activa el enlace con el ratn

<A HREF="javascript:nombrefuncion (parm1, parm2)">Texto</A>
Es importante entender la diferencia entre definir una funcin y llamarla. Definir una funcin es simplemente especificar su nombre y definir qu acciones realizar en el momento en que sea invocada, para ello se emplea la palabra reservada function. Para llamar a una funcin es necesario especificar su nombre e introducir los parmetros que queremos que utilice. sta llamada se puede efectuar en una lnea de rdenes o bien a la derecha de una sentencia de asignacin en el caso de que la funcin devuelva algn valor debido al uso de la instruccin return. La definicin de una funcin se puede realizar en cualquier lugar del programa, pero se recomienda hacerlo en la cabecera del cdigo HTML. La llamada a una funcin se realizar cuando sea necesario, es decir, cuando se demande la ejecucin de las instrucciones que hay dentro de ella.
Ejemplo 7.1: Funcin que devuelve la suma de dos valores que se pasan por parmetros.
<HTML> <HEAD> <SCRIPT> <! function suma (a,b){ //definicin de la funcin return a+b; } function autora (){ document.write ("La autora es: Rosa Rodrguez"); } // --> </SCRIPT> </HEAD> <BODY> <SCRIPT> <! var op1=5;op2=25; var resultado; resultado=suma(op1,op2); //llamada a la funcin document.write (op1+"+"+"op2"+"="+resultado); // --> </SCRIPT> <A HREF="javascript:autora()">Ver autora</A> </BODY> </HTML>
[Ejecucin]
Variables locales y globales

Ahora que ya conocemos las funciones es muy importante diferenciar entre variables globales y locales:

Variables globales: pueden utilizarse en cualquier parte del cdigo y son declaradas fuera de toda funcin la instruccin var. Variables locales: se definen con la instruccin var dentro de una funcin y slo pueden ser utilizadas dentro de sta.
Ejemplo 7.2:
<SCRIPT LANGUAGE="JavaScript"> <!- </SCRIPT>
[Ejecucin]
Ejercicios
Ejercicio 7.1: Crear una pgina web con enlace que active una ventana que
muestre el texto de un provervio.

Ejercicio 7.2: Crear una pgina web que al entrar pregunte por el nombre y la
direccin, despus muestre un ttulo y una imagen. Debajo de la imagen debe aparecer un enlace que al activarlo muestre en una ventana el nombre y la direccin introducida al cargarse la pgina.
Ejercicio 7.3: Crear una pgina web que al entrar pregunte por la edad y el nombre
de tres personas, despus muestre un ttulo y una imagen. Debajo de la imagen debe existir los siguientes enlaces:

que muestre el nombre y la edad de la persona mayor que muestre el nombre y la edad de la persona menor que muestre la media de las edades introducidas que muestre el ao de nacimiento y el nombre de la persona mayor que muestre el ao de nacimiento y el nombre de la persona menor
Ejercicio 7.4: Crear un programa muestre el siguiente men utilizando la orden
document.write:

1. Suma 2. Multiplicacin 3. Divisin 4. Resta 5. Calcular el resto de la divisin
El programa debe permitir introducir una opcin. Al elegir una de las opciones nos debe pedir los nmeros con los que realizar la operacin, ejecutarla y mostrar el resultado. Hacer la estructura de funciones de tal manera que los nmeros se
soliciten y se muestren en el programa principal, en las respectivas funciones slamente se deben realizar las operaciones.
Ejercicio 7.5: Modificar el programa anterior para que el men se componga de
enlaces, los cuales deben activar las respectivas operaciones.

Curso de Javascript PDF

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Curso de Javascript PDF

Transféré par

Droits d'auteur :

Formats disponibles

CURSO DE JAVASCRIPT PRIMERA PARTE 1.

2. PRIMEROS PASOS CON JAVASCRIPT

Ejemplo 2.1: Mostrar un texto por pantalla utilizando la

informacin por pantalla.

var resultado=3+7; contiene el valor 10

Despues de la ejecucin, la variable ahoraPues contiene el entero 11.

Ejercicio 3.2: Detectar, corregir y explicar los errores en el siguiente cdigo

Ejercicio 3.3: Indicar qu salidas (document.write) se obtendran del siguiente

cdigo (hacerlo en papel).

Ejercicio 3.4 Sustituir los comentarios por las rdenes apropiadas

Ejercicio 3.5Sustituir los comentarios por las rdenes apropiadas

4. MOSTRAR Y LEER EN PANTALLA

Ejemplo 4.1: Muestra un mensaje literal en una ventana.

Funcin Salto de lnea Tabulador Carcter \ Comilla simple Comilla doble

Ejemplo 4.2: Muestra un mensaje, que es la combinacin de una variable y un

var nombre="Mara"; alert(nombre+"\nbienvenida a Bulanladia"); // --> </SCRIPT>

Ejemplo 4.3: Solicita la confirmacin de una operacin

Ejemplo 5.1: Se muestra el funcionamiento de los distintos operadores de

Ejemplo 5.2: Se muestra el funcionamiento de los operadores aritmticos

Ejemplo 5.3: Se muestra el resultado de distintas expresiones lgicas.

Ejemplo 5.4: Se muestra el resultado de distintas operaciones realizadas con

variable xdia sea domingo.

Ejemplo 6.6: Escribe los nmeros pares de 0 a 30

[Ejecucin] Ejemplo 6.7: Escribe los nmeros pares de 0 a 30

[Ejecucin] Ejemplo 6.8: Escribe las potencias de 2 hasta 3000

Ejemplo 6.9: Escribe los nmeros pares de 0 a 30

Las instrucciones break y continue

Ejercicio 6.3: Escribir un script que permita introducir un pas y si no es Espaa

nos diga si pertenece al segundo milenio o no.

un mensaje si el nmero es mltiplo de 3 (si el resto de dividirlo por 3 es 0) y otro si no lo es.

Por pantalla se debe mostrar un mensaje indicando si es el da de Navidad o no.

un mensaje indicando cual es el menor.

ello. Indicar que es lo que se ve en pantalla en cada caso.

Hacer de nuevo la traza anterior en el caso de que x se inicialice en 1 en la primera instruccin.

nos muestre la media.Utilizar el bucle for.

50 excepto el 20. Utilizar el bucle for.

0 excepto el 22.Utilizar el bucle for.

bucle while en vez de el bucle for.

ello. Indicar que es lo que se ve en pantalla en cada caso.

ello. Indicar que es lo que se ve en pantalla en cada caso.

50 excepto el 20. Utiliza la instruccin while.

0 excepto el 22.Utiliza la instruccin while.

ello. Indicar que es lo que se ve en pantalla en cada caso.

pregunte por la clave 3 veces cmo mximo.Utiliza el bucle break.

Una funcin consta de las siguientes partes bsicas:

Sintasix de la definicin de una funcin

1. La funcin se ejecuta cuando se activa el enlace con el ratn

Variables locales y globales

muestre el texto de un provervio.

Ejercicio 7.4: Crear un programa muestre el siguiente men utilizando la orden

1. Suma 2. Multiplicacin 3. Divisin 4. Resta 5. Calcular el resto de la divisin

enlaces, los cuales deben activar las respectivas operaciones.

Vous aimerez peut-être aussi