Palpalá - Jujuy - Argentina
Fiesta Nacional de los Estudiantes 2011.
Todo un proyecto...!!!
Complejo Educativo José Hernández (2013) y sus Carroceros.
Colegio Mayor Jujuy (2013) - El ave Fenix
Nuestro Sistema de Iluminación
que marcó toda una Historia en los Desfiles de Carrozas
En el Año del Bicentenario del Éxodo Jujeño.
Vieron que Argentina no termina en salta...!!!
La ciudad donde los Cerros...
Fueron Pintados por Duendes Traviesos...!!!
Tocando el Cielo, Fe y Esperanza.
Gracias Virgen de Punta Corral...!!!

TUTORIAL DE JAVASCRIPT:

Esto es un compilado de apuntes, ejercicios y algunos tip's para aplicar JavaScirpt a tus páginas web. Espero se de ayuda para quien lo necesite


ESTRUCTURAS DE CONTROL:

Son las que permiten controlar el flujo de un programa, tomar decisiones dependiendo del estado de una variable, repetir instrucciones o acciones un número determinado de veces, etc. En general las estructuras de control son 3:

  • Estructuras condicionales
  • Estructuras de Repetición
  • Funciones

Estructuras Condicionales "If...":

Consiste en Ejecutar instrucciones sólo si se cumple una determinada condición.

if (condición){
    ...        // instrucciones a ejecutar
}

Ahora, si lo que queremos es tomar dos caminos distintos dependiendo de dicha condición, entonces tenemos una segunda versión, que es la más completa.

if(condición) {
    ...        // Aquí si la condición es verdadera
}else {
    ...        // Aquí si la condición es falsa
}

También tenemos la versión simplificada de esta última:

condicion ? Sentencia1 : Sentencia2

Si condicion resulta verdadera, se ejecuta Sentencia1 sino, se ejecuta Sentencia2. Aquí un ejemplo concreto...

/*--- Este código entre etiquetas Body ---*/
var b = 3;
a = b==3 ? "Si es igual" : "Es distinto";
alert (a);

Estructuras Condicionales "Switch...":

Esta estructura evalúa el valor de una variable, y dependiendo de dicho valor ejecutará una determinada acción, es necesario incluir un break al final de cada case para salir de la estructura, de lo contrario continuará evaluando hasta el final del bloque.

switch (numero) {
    case 1:               // --- si la variable es 1
        alert('Adios');   // muestra este mensaje
        break;            // Sale de la estructura
    case 2:               // --- si la variable es 2
        alert('Hola');
        break;
    default:              // --- si no es ninguno de los anteriores
        alert('lo que sea');
}

Estructuras De Repetición "for...":

Estructura muy utilizada cuando sabes la cantidad de veces que debes repetir un grupo de instrucciones.

for (inicio; final; incremento){
    ...        // instrucciones a repetir
}

En su forma general, los parámetros Inicio, final e incremento, utilizan una variable para controlar el número de repeticiones.

for(var i = 0; i < 5; i++) {
    alert("mensaje");
}

Este mensaje se mostrará 5 veces (desde i=0 hasta i=4)

Estructuras De Repetición "for...in":

Es una estructura simplificada para recorrer un Array, utilizando una variable como contador del índice del Array.

for (contador in Array){
    alert (Array[contador]);
}

Aquí, el alert() mostrará todos los elementos del Array, tal como se ve en el siguiente ejemplo:

var dias = ["Lunes","Martes","Miércoles","Jueves","Viernes","Sábado","Domingo"];
for(i in dias) {
    alert(dias[i]);
}

Estructuras De Repetición "While...":

Cuando no se sabe cuántas veces repetir un bucle, pero sí se sabe que cuando una condición se cumpla debemos terminarlo, aparece la instrucción While...

while (condición){
    ...    // instrucciones a repetir
}
var numero = 0;
while (numero<3) {
    alert('mensaje');
    numero++;
}

En este caso, mientras la condición se cumpla se repetirán las instrucciones.

Estructuras De Repetición "do... While...":

Es similar a la anterior, la diferencia está en que esta última, evalúa la condición al final del bucle, es decir que por lo menos una vez logrará entrar dentro del bucle.

do {
    ...    // instrucciones a repetir
} while (condición)
var numero = 0;
do {
    alert('Mensaje');
    numero = 3;
} while (numero<3);

Observa el siguiente Ejemplo: ¿Cuál de los dos mensajes es el que se mostrará?

var numero=0;
while (numero==3) {
    alert('Este es un Bucle While');
}
do {
    alert('Este es un Bucle do...While');
} while (numero==3);

Funciones:

Si bien ya existen funciones predefinidas en JavaScript, nosotros también podemos crear las nuestras, lo que sigue es la estructura general de una función.

function prueba(argumento1,argumento2,...,argumentoN){
    // Aquí va el código que le corresponde ejecutar a la función
}

En las funciones los parámetros se pasan por valor, es decir que si cambiamos el valor de un argumento dentro de una función, este cambio no se verá fuera.

function incrementar(num){     // Aquí num recibe lo que hay en "a" o sea 4
    num++;                     // luego se incrementa
    document.write("num vale " + num);    // y lo escribe
}
a=4;
resultado = incrementar(a);    // llama a la función y le pasa el valor "4"
document.write("<br />a vale " + a);

En el ejemplo se ve que el valor que le pasamos a la función sigue estando intacto en la variable "a"

En caso de ser varios los parámetros que requiere una función, el orden en que se pasan los valores a dicha función es el mismo que utiliza la función para asignarlo a las nuevas variables que lo recibirán, veamos un ejemplo...

function mostrarvalores(num1, num2){    // Aquí num recibe 45 y num2 recibe 90
    document.write("num1 vale " + num1 + " y num2 vale " + num2);
}
mostrarvalores(45,90);    // Llama a la función escribir los valores recibidos

En los ejemplos anteriores, la función no devuelve ningún valor. Cuando necesites que una función devuelva un valor como resultado debes utilizar la palabra reservada return aquí un ejemplo de uso...

function suma(num1, num2){
    return num1 + num2;
}
resultado = suma(10,2);
document.write (resultado);

Funciones predefinidas:

Existen un gran número de funciones predefinidas en JavaScript y que están disponibles directamente para su uso, principalmente en cuanto a manejo de Cadenas de texto, Números y Arrays, y por supuesto los objetos que forman parte del DOM (elementos del documento HTML).