SlideShare a Scribd company logo
1 of 16
Download to read offline
 
        Universidad Laica “Eloy Alfaro” de Manabí  
  
  
                  Extensión El Carmen 
  
Universidad Laica “ELOY ALFARO” de Manabí
  
  

  
                  Extensión en El Carmen
  

  

  

  

  

  

  

  

  

  

  

  

  

  


                      COMERCIO ELECTRÓNICO
  

  
               
  

              Elaborado por: 
  

  
                         LILIANA CASTRO
  

                                ANA CEVALLOS
  

                                    DANIELA MAZAMBA
  

                                                      Ana, Daniela y Lily
                                                                   
 
                          Universidad Laica “Eloy Alfaro” de Manabí  
       
       
                                    Extensión El Carmen 
       
       
       

      MI PRIMER SCRIPT 
En la primera línea del script vemos <?php que nos indica que comienza un script en PHP, y en la última
       
colocamos ?> para indicar el final del script. Hay que destacar que todas las líneas que se encuentre entre
estos  delimitadores deben acabar en punto y coma, excepto las sentencias de control (if, swicht, while,
etc.).
       
Es importante poner muchos comentarios, para lo cual si queremos comentar una sola línea tenemos que
poner al principio de la línea //, si lo que queremos es comentar varias utilizaremos los delimitadores /* -
     
*/.
       
Para que el servidor envie texto utilizaremos la instrucción echo, aunque también podemos utilizar printf
       
de uso similar al del C o Perl.
       
Finalmente, vemos que la palabra myvar comienza con el signo dólar ($). Este símbolo le indica a PHP que
es una variable. Nosotros le hemos asignado un texto a esta variable, pero también pueden contener
      

       

       

                                            VARIABLES Y OPERADORES




                  Variables:escribir echo, en mayúsculas y en 
                  minúsculas, para indicaros que PHP no las 
                    distingue a la hora de usar funciones o 
                                                                                     Constantes:
                           sentencias del lenguaje.
                                                                   Las constantes son similares a las variables, con 
                El uso de la barra invertida, como en n, no es 
                                                                      la salvedad de que no llevan el signo dólar 
                  obligatorio, pero ayuda a la depuración del 
                                                                     delante, y sólo la podemos asignar una vez. 
                código que enviamos al navegador, además del 
                                                                       Para definir una constantes usaremos la 
                              n existen otros usos: 
                                                                   función define. PHP crea diversas constantes al 
                         quot; Carácter dobles comillas                arrancar, como PHP_VERSION que contiene la 
                          Carácter barra invertida                versión de PHP, TRUE que le asigna 1 o FALSE 
                              n  Nueva línea                                       que le asigna 0.
                            r Retorno de carro 

                           t Tabulador horizontal 




                                                                                                                          
                                                                                                              Ana, Daniela y Lily
                                                                                                                           
 
                          Universidad Laica “Eloy Alfaro” de Manabí  
 
 
                                    Extensión El Carmen 
 
 



                                                                                                  Operadores Lógicos:
                                                                                                 $a AND $b Verdadero si 
    Operadores Aritméticos:
                                                                                                   ambos son verdadero
         $a + $b Suma                                                                        $a && $b Verdadero si ambos 
          $a ‐ $b Resta                                                                                son verdadero
     $a * $b Multiplicación                                                                  $a OR $b Verdadero si alguno 
                $a /                                                                              de los dos es verdadero
    $b &ss=codigoenlinea>$a                          Operadores de Cadenas:                   $a !! $b Verdadero si alguno 
          / $b División                                                                           de los dos es verdadero
                                      El único operador de cadenas que existen es el de 
      $a % $b Resto de la                                                                     $a XOR $b Verdadero si sólo 
                                      concatenación, el punto. Pero no os asustéis, PHP 
      división de $a por $b                                                                    uno de los dos es verdadero
                                       dispone de toda una batería de funciones que os 
    $a++     Incrementa en 1                                                                    !$a       Verdadero si $a es 
                                           permitirán trabajar cómodamente con las 
                a $a                                                                              falso, y recíprocamente
                                                           cadenas. 
      $a‐‐     Resta 1 a $a 
                                                        $a = quot;Holaquot;;
                                       $b = $a . quot;Mundoquot;; // Ahora $b contiene quot;Hola 
                                                          Mundoquot; 
                                                                                                      Operadores de 
                                           En este punto hay que hacer una distinción, la 
                                                                                                       Asignación:
                                           interpretación que hace PHP de las simples y 
                                              dobles comillas. En el segundo caso PHP 
         Operadores de                                                                            $a = $b Asigna a $a el 
         Comparación:                          interpretará el contenido de la cadena.                contenido de $b
                                                                                                 $a += $b Le suma a $b a 
                                                          $a = quot;Mundoquot;;
      $a < $b $a menor que
                                                                                                             $a
                 $b                         echo = 'Hola $a'; //Esto escribirá quot;Hola $aquot;
                                                                                                 $a ‐= $b Le resta a $b a 
                                              echo = quot;Hola $aquot;; //Esto escribirá quot;Hola 
    $a > $b $a mayor que $b
                                                                                                             $a
       $a <= $b $a menor o                   Mundo&q; //Esto escribirá quot;Hola Mundoquot; 
                                                                                                  $a *= $b Multiplica $a 
            igual que $b
                                                                                                  por $b y lo asigna a $a
       $a >= $b $a mayor o 
                                                                                                  $a /= $b Divide $a por 
            igual que $b
                                                                                                    $b y lo asigna a $a
    $a == $b $a igual que $b
                                                                                                    $a .= $b Añade la 
     $a != $b $a distinto que
                                                                                                  cadena $b a la cadena 
                 $b 
                                                                                                             $a                  

 

                                                                    <html>
                                                                    <body>
                                                                    <?php
 
                                                                    $myvar = quot;SEVILLA nquot;;
                                Ejemplo                             $Myvar = quot;MADRID nquot;;
                                                                    //Esto imprimirá
                                                                    SEVILLA
                                                                    echo $myvar;
                                                                    //Esto imprimirá MADRID
                                                                    ECHO $Myvar;
                                                                    ?>
                                                                    </body>
                                                                    </html>
 

 


                                                                                                                 Ana, Daniela y Lily
                                                                                                                              
 
                                  Universidad Laica “Eloy Alfaro” de Manabí  
 
 
                                            Extensión El Carmen 
 
 
 

SENTENCIAS DE CONTROL 




                                                                                                            SWITCH...CASE...DEFAULT
    IF...ELSE




                                                     IF...ELSEIF...ELSE
                Permite ejecutar un bloque de                             Permite ejecuta varias                                      Una alternativa a 
                instrucciones si la condición es                          condiciones en cascada. Para                                IF...ELSEIF...ELSE, es la 
                Verdadera y otro bloque de                                este caso veremos un ejemplo,                               sentencia SWITCH, la cuál 
                instrucciones si ésta es Falsa.                           en el que utilizaremos los                                  evalúa y compara cada 
                Es importante tener en cuenta                             operadores lógicos.                                         expresión de la sentencia CASE 
                q instrucciones si ésta es Falsa.                                                                                     con la expresión que 
                Es importante tener en cuenta                                                                                         evaluamos, si llegamos al final 
                que la condición que                                                                                                  de la lista de CASE y encuentra 
                evaluemos ha de estar                                                                                                 una condición Verdadera , 
                encerrada entre paréntesis                                                                                            ejecuta el código de bloque 
                (esto es aplicable a todas la                                                                                         que haya en DEFAULT. Si 
                sentencias de control).                                                                                               encontramos una condición 
                                                                                                                                      verdadera debemos ejecutar 
                                                                                                                                      un BREAK para que la sentencia 
                                                                                                                                      SWITCH no siga buscando en la 
                                                                                                                                      lista de CASE.


                                                                                                                                                                          
                                                                                                                                                   
                <?php
                if ($nombre == quot;quot;){
                    echo quot;Tú no tienes nombrequot;;
                } elseif (($nombre==quot;evaquot;) OR
                                                                                               <?php
                ($nombre==quot;Evaquot;)) {
                                                                                               switch ($dia) {
                    echo quot;                                                                         case quot;Lunesquot;:
                    echo quot;Tu nombre es EVAquot;;<                                                           echo quot;Hoy es Lunesquot;;
                                                                                                        break;
                } else {
                                                                                                   c
                    echo quot;Tu nombre es quot; . $nombre;                                                case quot;Martesquot;:
                                                                                                        echo quot;Hoy es Martesquot;;
                }
                                                                                                        break;
                                                                                                   case quot;Miercolesquot;:
                                                                                                        echo quot;Hoy es Miercolesquot;;
                                                                                                        break;
                                                                                                   case quot;Juevesquot;:
                                                                                                        echo quot;Hoy es Juevesquot;;
                                                                                                        break;
                                                                                                   case quot;Viernesquot;:
                                                                                                        echo quot;Hoy es Viernesquot;;
                                                                                                        break;
                                                                                                   case quot;Sábadoquot;:
                                                                                                        echo quot;Hoy es Sábadoquot;;
                                                                                                        break;
                                                                                                   case quot;Domingoquot;:
                                                                                                        echo quot;Hoy es Domingoquot;;
                                                                                                        break;
                                                                                                   default:


                                                                                         default:
                                                                                                           echo quot;Esa cadena no corresponde
                                                                                                           a ningún día de la semanaquot;;
                                                                                               }
                                                                                               ?>
 

 


                                                                                                                                                       Ana, Daniela y Lily
                                                                                                                                                                    
 
                            Universidad Laica “Eloy Alfaro” de Manabí  
 
 
                                      Extensión El Carmen 
 
 
 

             La sentencia WHILE ejecuta un                 Esta sentencia es similar a             El bucle FOR no es 
     WHILE




                                                                                             FOR
                                              DO...WHILE
             bloque de código mientras se                  WHILE, salvo que con esta               estrictamente necesario, 
             cumpla una determinada                        sentencia primero ejecutamos            cualquier bucle FOR puede ser 
             condición. Podemos romper un                  el bloque de código y después           sustituido fácilmente por otro 
             bucle WHILE utilizando la                     se evalúa la condición, por lo          WHILE. Sin embargo, el bucle 
             sentencia BREAK.                              que el bloque de código se              FOR resulta muy útil cuando 
                                                           ejecuta siempre al menos una            debemos ejecutar un bloque 
                                                           vez.                                    de código a condición de que 
                                                                                                   una variable se encuentre 
                                                                                                   entre un valor mínimo y otro 
                                                                                                   máximo. El bucle FOR también 
                                                                                                   se puede romper mediante la 
                                                                                                   sentencia BREAK.




                                                                                                                                      
                           <?php
                           $num = 1;
                           do {
                              echo $num;
                                                                                                   <?php
                              if ($num == 3){
                                                                                                   for ($num = 1; Snum
                                  echo    quot;Aquí                        nos
                                                                                                   <=5; $num++){
                                  salimos nquot;;                                                         echo $num;
                                  break                                                                if ($num == 3){
                                                                                                            echo    quot;Aquí
                              }
                                                                                                            nos   salimos
                              $num++                                                                        nquot;;
                           } while ($num < 5);                                                              break
                                                                                                       }
                           ?>
                                                                                                   }



 

  

 

 

 

 

 


                                                                                                                    Ana, Daniela y Lily
                                                                                                                                 
 
              Universidad Laica “Eloy Alfaro” de Manabí  
 
 
                        Extensión El Carmen 
 
 
LAS TABLAS 

 

 

 

 
              Array en inglés, son muy importantes en PHP, ya que
              generalmente,    las   funciones   que   devuelven   varios
              valores, como las funciones ligadas a las bases de
              datos, lo hacen en forma de tabla. En PHP disponemos
              de dos tipos de tablas. El primero sería el clásico,
              utilizando índices:


              Un segundo tipo, son las tablas asociativas, en las
              cuáles a cada elemento se le asigna un valor (key) para
                        é
 

 

 

 

 

 

                  <?php
 
                  $semana    =    array(quot;lunesquot;,    quot;martesquot;,
                  quot;miércolesquot;,      quot;juevesquot;,      quot;viernesquot;,
 
                  quot;sábadoquot;, quot;domindoquot;);
                  echo count($semana); //7
 
                  //situamos   el   puntero   en  el   primer
                  elemento
 
                  reset($semana);
                  echo current($semana); //lunes
 
                  next($semana);
                  echo pos($semana); //martes
 
                  end($semana)
                  echo pos($semana); //domingo
 
                  prev($semana);
                  echo current($semana); //sábado
 
                  ?>
 

                                                                            Ana, Daniela y Lily
                                                                                         
 
                      Universidad Laica “Eloy Alfaro” de Manabí  
 
 
                                Extensión El Carmen 
 
 
                                                Javascrip 
 Es un lenguaje de programación utilizado para crear pequeños programitas encargados de realizar 
acciones dentro del ámbito de una página web 

Se  pueden  crear  efectos  especiales  en  las  páginas  y  definir  interactividades  con  el  usuario.  El 
navegador del cliente es el encargado de interpretar las instrucciones Javascript y ejecutarlas para 
realizar estos efectos e interactividades, de modo que el mayor recurso, y tal vez el único, con que 
cuenta este lenguaje es el propio navegador. 

Javascript es un lenguaje con muchas posibilidades, permite la programación de pequeños scripts, 
pero  también  de  programas  más  grandes,  orientados  a  objetos,  con  funciones,  estructuras  de 
datos complejas, etc. 

 Toda  esta  potencia  de  Javascript  se  pone  a  disposición  de  programador,  que  se  convierte  en  el 
verdadero dueño y controlador de cada cosa que ocurre en la página. 

 

Tenemos varias opciones para mostrar acerca para javascript: 

Salto de línea: n 

Comilla simple: ' 

Comilla doble: quot; 

Tabulador: t 

Retorno de carro: r 

Avance de página: f 

Retroceder espacio: b 

Contra barra:  

……………………………………………………………………………………….......................... 

Operadores de asignación 

= Asignación. 

+= Asignación con suma.  

‐= Asignación con resta 

                                                                                            Ana, Daniela y Lily
                                                                                                         
 
                   Universidad Laica “Eloy Alfaro” de Manabí  
 
 
                                    Extensión El Carmen 
 
 
*= Asignación de la multiplicación 

/= Asignación de la división 

%= Se obtiene el resto y se asigna 

……………………………………………………………………………………….......................... 

Operadores condicionales 

! Operador NO o negación. Si era true pasa a false y viceversa. 

&& Operador Y, si son los dos verdaderos vale verdadero. 

|| Operador O, vale verdadero si por lo menos uno de ellos es verdadero. 

……………………………………………………………………………………….......................... 

Precedencia  Con Los Operadores 

() [] . Paréntesis, corchetes y el operador punto que sirve para los objetos 

! ‐ ++ ‐‐ negación, negativo e incrementos 

* / % Multiplicación división y módulo 

+‐ Suma y resta 

<< >> >>> Cambios a nivel de bit 

< <= > >= Operadores condicionales 

== != Operadores condicionales de igualdad y desigualdad 

& ^ | Lógicos a nivel de bit 

&& || Lógicos booleanos 

= += ‐= *= /= %= <<= >>= >>>= &= ^= != Asignación 

……………………………………………………………………………………….......................... 

EJEMPLO 

if (credito >= precio) { 

document.write(quot;has comprado el artículo quot; + nuevoArtículo) //enseño compra 


                                                                                Ana, Daniela y Lily
                                                                                             
 
                   Universidad Laica “Eloy Alfaro” de Manabí  
 
 
                                   Extensión El Carmen 
 
 
carrito += nuevoArticulo //introduzco el artículo en el carrito de la compra 

credito ‐= precio //disminuyo el crédito según el precio del artículo 

 

} else { 

document.write(quot;se te ha acabado el créditoquot;) //informo que te falta dinero 

window.location = quot;carritodelacompra.htmlquot; //voy a la página del carrito} 

……………………………………………………………………………………….......................... 

 Expresiones condicionales 

     •      if (edad > 18) 
            document.write(quot;puedes ver esta página para adultosquot;) 
             
     •      if (bateria == 0 && redElectrica == 0) 
            document.write(quot;tu ordenador portatil se va a apagar en segundosquot;) 

……………………………………………………………………………………….......................... 

Sentencias IF anidadas 

var numero1=23 

var numero2=63 

if (numero1 == numero2){ 

document.write(quot;Los dos números son igualesquot;) 

}else{ 

if (numero1 > numero2) { 

document.write(quot;El primer número es mayor que el segundoquot;) 

}else{ 

document.write(quot;El primer número es menor que el segundoquot;) 

} 

} 

                                                                                  Ana, Daniela y Lily
                                                                                               
 
           Universidad Laica “Eloy Alfaro” de Manabí  
 
 
                     Extensión El Carmen 
 
 
……………………………………………………………………………………….......................... 

Estructura SWITCH 

Esta expresión se utiliza cuando tenemos múltiples posibilidades 

como resultado de la evaluación de una sentencia. 

switch (expersión) { 

case valor1: 

Sentencias a ejecutar si la expresión tiene como valor a valor1 

break 

case valor2: 

Sentencias a ejecutar si la expresión tiene como valor a valor2 

break 

case valor3: 

Sentencias a ejecutar si la expresión tiene como valor a valor3 

break 

default: 

Sentencias a ejecutar si el valor no es ninguno de los anteriores 

}                         

Bucle FOR 

El bucle FOR se utiliza para repetir mas instrucciones un determinado número de 

veces. De entre todos los bucles, el FOR se suele utilizar cuando sabemos seguro el 

número de veces que queremos que se ejecute la sentencia.               

var i 

for (i=0;i<=10;i++) { 

document.write(i) 


                                                                                       Ana, Daniela y Lily
                                                                                                    
 
                        Universidad Laica “Eloy Alfaro” de Manabí  
 
 
                                  Extensión El Carmen 
 
 
} 

……………………………………………………………………………………….......................... 

Bucles WHILE y DO WHILE   

WHILE:‐‐utilizan cuando queremos repetir la ejecución de unas sentencias un número indefinido  
de veces, siempre que se cumpla una condición. 

 

while (condición){ 

sentencias a ejecutar 

} 

DO...WHILE:‐‐Es el último de los bucles que hay en Javascript.Se utiliza generalmente cuando no 
sabemos cuantas veces se habrá de ejecutar el bucle, igual que el bucle WHILE 

La sintaxis es la siguiente. 

do { 

sentencias del bucle 

} while (condición) 

 Break y continue 

Son las instrucciones break y continue. 

• Detener la ejecución de un bucle y salirse de él 

• Detener la iteración actual y volver al principio del bucle. 

 Break     

 for (i=0;i<10;i++){ 

 document.write (i) 

 escribe = dime si continúo 

 if (escribe == quot;noquot;) 

 break 

                                                                                 Ana, Daniela y Lily
                                                                                              
 
                         Universidad Laica “Eloy Alfaro” de Manabí  
 
 
                                   Extensión El Carmen 
 
 
 } 

  Continue 

var i=0 

while (i<7){ 

incrementar = dime si incremento 

if (incrementar == quot;noquot;) 

continue 

i++ 

} 

Bucles anidados en Javascript                                  

La anidación de bucles es necesaria para hacer determinados procesamientos un poco más 
complejos. Un bucle anidado tiene una estructura como la que sigue: 

  for (i=0;i<10;i++){ 

  for (j=0;j<10;j++) { 

  document.write(i + quot;‐quot; + j) 

  } 

  } 

……………………………………………………………………………………….......................... 

Funciones en Javascript 

Qué es una función? 

Serie de instrucciones que englobamos dentro de un mismo proceso. 

Por ejemplo, en una página web puede haber una función para cambiar el color del fondo. 

veremos muchas de las funciones definidas en Javascript que debemos utilizar para realizar 
distintos tipos de acciones habituales. Se define con una sintaxis especial. 

function nombrefuncion (){ 

                                                                                   Ana, Daniela y Lily
                                                                                                
 
                    Universidad Laica “Eloy Alfaro” de Manabí  
 
 
                              Extensión El Carmen 
 
 
instrucciones de la función 

…… 

} 

Se escribe la palabra function, reservada para este uso. Seguidamente se escribe el nombre de la 
función,  que  como  los  nombres  de  variables  puede  tener  números,  letras  y  algún  carácter 
adicional como en guión bajo. A continuación se colocan entre llaves las distintas instrucciones de 
la función. y para llamarla la podemos hacer desde cualquier parte de la pagina 

 

……………………………………………………………………………………….......................... 

¿Dónde colocamos las funciones:‐‐ 

En concreto, la función se debe definir en el bloque <SCRIPT> donde esté la llamada a la función, 
aunque  es  indiferente  si  la  llamada  se  encuentra  antes  o  después  la  función,  dentro  del  mismo 
bloque <SCRIPT>. 

<SCRIPT> 

miFuncion() 

function miFuncion(){ 

//hago algo... 

document.write(quot;Esto va bienquot;) 

} 

</SCRIPT> 

Un error es una llamada a una función que se encuentra declarada en un bloque 

<SCRIPT> posterior. 

<SCRIPT> 

miFuncion() 

</SCRIPT> 

<SCRIPT> 


                                                                                           Ana, Daniela y Lily
                                                                                                        
 
                  Universidad Laica “Eloy Alfaro” de Manabí  
 
 
                            Extensión El Carmen 
 
 
function miFuncion(){ 

//hago algo... 

document.write(quot;Esto va bienquot;) 

} 

</SCRIPT> 

……………………………………………………………………………………….......................... 

 

Paraametro de la funcion 

function escribirBienvenida(nombre){ 

document.write(quot;<H1>Hola quot; + nombre + quot;</H1>quot;) 

} 

     •   Para definir en la función un parámetro tenemos que poner el nombre de la variable que 
         va a almacenar el dato que le pasemos. 
     •   Para llamar a una función que tiene parámetros se coloca entre paréntesis el valor del 
         parámetro. 
     •   Los parámetros pueden recibir cualquier tipo de datos, numérico, textual, boleano o un 
         objeto. 

Realmente no especificamos el tipo del parámetro, por eso debemos tener un cuidado especial 
Al definir las acciones que realizamos dentro de la función y al pasarle valores a la función para 
Asegurarnos que todo es consecuente con los tipos de nuestras variables o parámetros. 
 
Las  funciones  también  pueden  retornar  valores,  de  modo  que  al  ejecutar  la  función  se  podrá  realizar 
acciones y dar un valor como salida. 
Para especificar el valor que retornará la función se utiliza la palabra return seguida del valor que se desea 
devolver. 
Para recibir los valores que devuelve una función se coloca el operador de asignación =. 
 
……………………………………………………………………………………….......................... 

 
Múltiples return 
En una misma función podemos colocar más de un return. 
Por ejemplo: 
 


                                                                                                 Ana, Daniela y Lily
                                                                                                              
 
                       Universidad Laica “Eloy Alfaro” de Manabí  
 
 
                                 Extensión El Carmen 
 
 
function media(valor1,valor2){ 
var resultado 
resultado = (valor1 + valor2) / 2 
return resultado 
} 

O este de do o más return 

function multipleReturn(numero){ 
var resto = numero % 2 
if (resto == 0) 
return 0 
else 
return numero 
} 

……………………………………………………………………………………….......................... 

 

Arrays en Javascript 
Nos permiten guardar varias variables y acceder a ellas de manera independiente, 
es como tener una variable con distintos compartimentos donde podemos introducir datos distintos. Para 
ello  utilizamos  un  índice  que  nos  permite  especificar  el  compartimiento  o  posición  a  la  que  nos  estamos 
refiriendo. 
 
Sentencia para crear un objeto array:       ( var miArray = new Array() ) 

Es importante que nos fijemos que la palabra Array en código Javascript se escribe con la primera letra en 
mayúscula. 
 
var miArray = new Array(3) 
miArray[0] = 155 
miArray[1] = 4 
miArray[2] = 499 
for (i=0;i<3;i++){ 
document.write(quot;Posición quot; + i + quot; del array: quot; + miArray[i]) 
document.write(quot;<br>quot;) 
} 

En Javascript podemos guardar distintos tipos de datos en las casillas de un mismo array. 
 
……………………………………………………………………………………….......................... 

 
Longitud de los arrays 
 

                                                                                                     Ana, Daniela y Lily
                                                                                                                  
 
                    Universidad Laica “Eloy Alfaro” de Manabí  
 
 
                                      Extensión El Carmen 
 
 
Todos los arrays en javascript, aparte de almacenar el valor de cada una de sus posiciones también 
almacenan el número de posiciones que tienen. Para ello utilizan una propiedad del objeto array, 
la propiedad length. 
 
Se  escribe  el  nombre  del  array  que  queremos  acceder  al  número  de  posiciones  que  tiene,  sin 
corchetes ni paréntesis, seguido de un punto y la palabra length. 
 
var miArray = new Array(2) 
 
miArray[0] = quot;Colombiaquot; 
miArray[1] = quot;Estados Unidosquot; 
miArray[5] = quot;Brasilquot; 
 
for (i=0;i<miArray.length;i++){ 
document.write(quot;Posición quot; + i + quot; del array: quot; + miArray[i]) 
document.write(quot;<br>quot;) 
} 
 
……………………………………………………………………………………….......................... 

 
 
Arrays multidimensionales 
 
Los arrays multidimensionales son una estructura de datos que almacenan los valores en más 
de una dimensión. 
 
En  Javascript  no  existe  un  auténtico  objeto  array‐multidimensinal.  Para  utilizar  estas  estructuras 
podremos definir arrays que donde en cada una de sus posiciones habrá otro array. 
 
var temperaturas_cuidades = new Array (3) 
temperaturas_cuidades[0] = temperaturas_medias_ciudad0 
temperaturas_cuidades[1] = temperaturas_medias_ciudad1 
temperaturas_cuidades[2] = temperaturas_medias_ciudad2 
 
for (i=0;i<temperaturas_cuidades.length;i++){ 
document.write(quot;<tr>quot;) 
document.write(quot;<td><b>Ciudad quot; + i + quot;</b></td>quot;) 
for (j=0;j<temperaturas_cuidades[i].length;j++){ 
document.write(quot;<td>quot; + temperaturas_cuidades[i][j] + quot;</td>quot;) 
} 
document.write(quot;</tr>quot;) 
} 
document.write 
(quot;</table>quot;). 

                                                                                            Ana, Daniela y Lily
                                                                                                         

More Related Content

Similar to Resumen Tutorial (18)

OPERADORES LÓGICOS Y DE ASIGNACIÓN DE PHP
OPERADORES LÓGICOS Y DE ASIGNACIÓN DE PHPOPERADORES LÓGICOS Y DE ASIGNACIÓN DE PHP
OPERADORES LÓGICOS Y DE ASIGNACIÓN DE PHP
 
OPERADORES LÓGICOS Y DE ASIGNACIÓN EN PHP
OPERADORES LÓGICOS Y DE ASIGNACIÓN EN PHPOPERADORES LÓGICOS Y DE ASIGNACIÓN EN PHP
OPERADORES LÓGICOS Y DE ASIGNACIÓN EN PHP
 
Operadores logicos y de asignacion
Operadores logicos y de asignacionOperadores logicos y de asignacion
Operadores logicos y de asignacion
 
Php
PhpPhp
Php
 
Php1
Php1Php1
Php1
 
Programacion de Cadenas
Programacion de CadenasProgramacion de Cadenas
Programacion de Cadenas
 
Php - Operadores básicos
Php - Operadores básicosPhp - Operadores básicos
Php - Operadores básicos
 
PPH MySql - FIEI - UNFV Clase02
PPH MySql - FIEI - UNFV Clase02PPH MySql - FIEI - UNFV Clase02
PPH MySql - FIEI - UNFV Clase02
 
Php y mysql
Php y mysqlPhp y mysql
Php y mysql
 
Php1
Php1Php1
Php1
 
Php1
Php1Php1
Php1
 
Php1
Php1Php1
Php1
 
Php1
Php1Php1
Php1
 
Php
PhpPhp
Php
 
operadores lógicos y de asignación
operadores lógicos y de asignaciónoperadores lógicos y de asignación
operadores lógicos y de asignación
 
Guia N2 Proyectos Web Php
Guia N2   Proyectos Web   PhpGuia N2   Proyectos Web   Php
Guia N2 Proyectos Web Php
 
Php1
Php1Php1
Php1
 
Php1
Php1Php1
Php1
 

More from LILY CASTRO (18)

Linux
LinuxLinux
Linux
 
Tarea
TareaTarea
Tarea
 
Biosss
BiosssBiosss
Biosss
 
Trabajo
TrabajoTrabajo
Trabajo
 
Trabajo EN GRUPO
Trabajo EN GRUPOTrabajo EN GRUPO
Trabajo EN GRUPO
 
Complemento A Dos
Complemento A DosComplemento A Dos
Complemento A Dos
 
Primera Generacionn
Primera GeneracionnPrimera Generacionn
Primera Generacionn
 
Aritmetica De Binario Ss
Aritmetica De Binario SsAritmetica De Binario Ss
Aritmetica De Binario Ss
 
Complement Os
Complement OsComplement Os
Complement Os
 
Sistemas Binary
Sistemas BinarySistemas Binary
Sistemas Binary
 
Tecnologias
TecnologiasTecnologias
Tecnologias
 
Hoy
HoyHoy
Hoy
 
CategoriaEDI
CategoriaEDICategoriaEDI
CategoriaEDI
 
Antiguedad
AntiguedadAntiguedad
Antiguedad
 
Ventajas Riesgos
Ventajas RiesgosVentajas Riesgos
Ventajas Riesgos
 
Comer_Elec_grupal
Comer_Elec_grupalComer_Elec_grupal
Comer_Elec_grupal
 
Tics
TicsTics
Tics
 
Cableado Estructurado
Cableado EstructuradoCableado Estructurado
Cableado Estructurado
 

Recently uploaded

FICHA DE TRABAJO OLAS DE CALOR DENGUE.pdf
FICHA DE TRABAJO OLAS DE CALOR DENGUE.pdfFICHA DE TRABAJO OLAS DE CALOR DENGUE.pdf
FICHA DE TRABAJO OLAS DE CALOR DENGUE.pdfRafael Moreno Yupanqui
 
Kirpi-el-erizo libro descargar pdf 1 link
Kirpi-el-erizo libro descargar pdf 1 linkKirpi-el-erizo libro descargar pdf 1 link
Kirpi-el-erizo libro descargar pdf 1 linkMaximilianoMaldonado17
 
Presentación del tema: tecnología educativa
Presentación del tema: tecnología educativaPresentación del tema: tecnología educativa
Presentación del tema: tecnología educativaricardoruizaleman
 
sociales ciencias segundo trimestre tercero
sociales ciencias segundo trimestre tercerosociales ciencias segundo trimestre tercero
sociales ciencias segundo trimestre terceroCEIP TIERRA DE PINARES
 
Adoración sin fin al Dios Creador por sus bendiciones
Adoración sin fin al Dios Creador por sus bendicionesAdoración sin fin al Dios Creador por sus bendiciones
Adoración sin fin al Dios Creador por sus bendicionesAlejandrino Halire Ccahuana
 
Xardín de San Carlos (A Coruña) IES Monelos
Xardín de San Carlos (A Coruña) IES MonelosXardín de San Carlos (A Coruña) IES Monelos
Xardín de San Carlos (A Coruña) IES MonelosAgrela Elvixeo
 
CARPETA PEDAGÓGICA 2024.docx para educacion
CARPETA PEDAGÓGICA 2024.docx para educacionCARPETA PEDAGÓGICA 2024.docx para educacion
CARPETA PEDAGÓGICA 2024.docx para educacionCarolVigo1
 
Presentación: Actividad de Diálogos adolescentes.pptx
Presentación: Actividad de  Diálogos adolescentes.pptxPresentación: Actividad de  Diálogos adolescentes.pptx
Presentación: Actividad de Diálogos adolescentes.pptxNabel Paulino Guerra Huaranca
 
PPT RM N° 587 -2023 PRIMARIA.pdf DE LA EDUCACION BASICA REGULAR
PPT RM N° 587 -2023 PRIMARIA.pdf DE LA EDUCACION BASICA REGULARPPT RM N° 587 -2023 PRIMARIA.pdf DE LA EDUCACION BASICA REGULAR
PPT RM N° 587 -2023 PRIMARIA.pdf DE LA EDUCACION BASICA REGULARCesarSantosTello
 
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdfceeabarcia
 
Herbert James Drape. Erotismo y sensualidad.pptx
Herbert James Drape. Erotismo y sensualidad.pptxHerbert James Drape. Erotismo y sensualidad.pptx
Herbert James Drape. Erotismo y sensualidad.pptxArs Erótica
 
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdfAnna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdfSaraGabrielaPrezPonc
 
PPT Protocolo de desregulación emocional.pptx
PPT Protocolo de desregulación emocional.pptxPPT Protocolo de desregulación emocional.pptx
PPT Protocolo de desregulación emocional.pptxKarenSepulveda23
 
Tecnologia- El computador funciones etc...
Tecnologia- El computador funciones etc...Tecnologia- El computador funciones etc...
Tecnologia- El computador funciones etc...SamuelGampley
 
Presentación contribuciones socioeconómicas del SUPV 2023
Presentación contribuciones socioeconómicas del SUPV 2023Presentación contribuciones socioeconómicas del SUPV 2023
Presentación contribuciones socioeconómicas del SUPV 2023Ivie
 
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.docGLADYSPASTOR
 

Recently uploaded (20)

FICHA DE TRABAJO OLAS DE CALOR DENGUE.pdf
FICHA DE TRABAJO OLAS DE CALOR DENGUE.pdfFICHA DE TRABAJO OLAS DE CALOR DENGUE.pdf
FICHA DE TRABAJO OLAS DE CALOR DENGUE.pdf
 
Kirpi-el-erizo libro descargar pdf 1 link
Kirpi-el-erizo libro descargar pdf 1 linkKirpi-el-erizo libro descargar pdf 1 link
Kirpi-el-erizo libro descargar pdf 1 link
 
Presentación del tema: tecnología educativa
Presentación del tema: tecnología educativaPresentación del tema: tecnología educativa
Presentación del tema: tecnología educativa
 
sociales ciencias segundo trimestre tercero
sociales ciencias segundo trimestre tercerosociales ciencias segundo trimestre tercero
sociales ciencias segundo trimestre tercero
 
Adoración sin fin al Dios Creador por sus bendiciones
Adoración sin fin al Dios Creador por sus bendicionesAdoración sin fin al Dios Creador por sus bendiciones
Adoración sin fin al Dios Creador por sus bendiciones
 
Conducta ética en investigación científica.pdf
Conducta ética en investigación científica.pdfConducta ética en investigación científica.pdf
Conducta ética en investigación científica.pdf
 
Xardín de San Carlos (A Coruña) IES Monelos
Xardín de San Carlos (A Coruña) IES MonelosXardín de San Carlos (A Coruña) IES Monelos
Xardín de San Carlos (A Coruña) IES Monelos
 
CARPETA PEDAGÓGICA 2024.docx para educacion
CARPETA PEDAGÓGICA 2024.docx para educacionCARPETA PEDAGÓGICA 2024.docx para educacion
CARPETA PEDAGÓGICA 2024.docx para educacion
 
Sesión de clase ES: Adoración sin fin...
Sesión de clase ES: Adoración sin fin...Sesión de clase ES: Adoración sin fin...
Sesión de clase ES: Adoración sin fin...
 
Presentación: Actividad de Diálogos adolescentes.pptx
Presentación: Actividad de  Diálogos adolescentes.pptxPresentación: Actividad de  Diálogos adolescentes.pptx
Presentación: Actividad de Diálogos adolescentes.pptx
 
PPT RM N° 587 -2023 PRIMARIA.pdf DE LA EDUCACION BASICA REGULAR
PPT RM N° 587 -2023 PRIMARIA.pdf DE LA EDUCACION BASICA REGULARPPT RM N° 587 -2023 PRIMARIA.pdf DE LA EDUCACION BASICA REGULAR
PPT RM N° 587 -2023 PRIMARIA.pdf DE LA EDUCACION BASICA REGULAR
 
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
 
Herbert James Drape. Erotismo y sensualidad.pptx
Herbert James Drape. Erotismo y sensualidad.pptxHerbert James Drape. Erotismo y sensualidad.pptx
Herbert James Drape. Erotismo y sensualidad.pptx
 
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdfAnna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
 
APARATO CIRCULATORIO EN LOS ANIMALES BAC
APARATO CIRCULATORIO EN LOS ANIMALES BACAPARATO CIRCULATORIO EN LOS ANIMALES BAC
APARATO CIRCULATORIO EN LOS ANIMALES BAC
 
PPT Protocolo de desregulación emocional.pptx
PPT Protocolo de desregulación emocional.pptxPPT Protocolo de desregulación emocional.pptx
PPT Protocolo de desregulación emocional.pptx
 
APARATO EXCRETOR EN ANIMALES BIOLOGÍA BAC
APARATO EXCRETOR EN ANIMALES BIOLOGÍA BACAPARATO EXCRETOR EN ANIMALES BIOLOGÍA BAC
APARATO EXCRETOR EN ANIMALES BIOLOGÍA BAC
 
Tecnologia- El computador funciones etc...
Tecnologia- El computador funciones etc...Tecnologia- El computador funciones etc...
Tecnologia- El computador funciones etc...
 
Presentación contribuciones socioeconómicas del SUPV 2023
Presentación contribuciones socioeconómicas del SUPV 2023Presentación contribuciones socioeconómicas del SUPV 2023
Presentación contribuciones socioeconómicas del SUPV 2023
 
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
 

Resumen Tutorial

  • 1.   Universidad Laica “Eloy Alfaro” de Manabí       Extensión El Carmen    Universidad Laica “ELOY ALFARO” de Manabí       Extensión en El Carmen                             COMERCIO ELECTRÓNICO         Elaborado por:      LILIANA CASTRO   ANA CEVALLOS   DANIELA MAZAMBA   Ana, Daniela y Lily  
  • 2.   Universidad Laica “Eloy Alfaro” de Manabí       Extensión El Carmen        MI PRIMER SCRIPT  En la primera línea del script vemos <?php que nos indica que comienza un script en PHP, y en la última   colocamos ?> para indicar el final del script. Hay que destacar que todas las líneas que se encuentre entre estos  delimitadores deben acabar en punto y coma, excepto las sentencias de control (if, swicht, while, etc.).   Es importante poner muchos comentarios, para lo cual si queremos comentar una sola línea tenemos que poner al principio de la línea //, si lo que queremos es comentar varias utilizaremos los delimitadores /* -   */.   Para que el servidor envie texto utilizaremos la instrucción echo, aunque también podemos utilizar printf   de uso similar al del C o Perl.   Finalmente, vemos que la palabra myvar comienza con el signo dólar ($). Este símbolo le indica a PHP que es una variable. Nosotros le hemos asignado un texto a esta variable, pero también pueden contener       VARIABLES Y OPERADORES Variables:escribir echo, en mayúsculas y en  minúsculas, para indicaros que PHP no las  distingue a la hora de usar funciones o  Constantes: sentencias del lenguaje. Las constantes son similares a las variables, con  El uso de la barra invertida, como en n, no es  la salvedad de que no llevan el signo dólar  obligatorio, pero ayuda a la depuración del  delante, y sólo la podemos asignar una vez.  código que enviamos al navegador, además del  Para definir una constantes usaremos la  n existen otros usos:  función define. PHP crea diversas constantes al  quot; Carácter dobles comillas arrancar, como PHP_VERSION que contiene la  Carácter barra invertida  versión de PHP, TRUE que le asigna 1 o FALSE  n  Nueva línea  que le asigna 0. r Retorno de carro  t Tabulador horizontal    Ana, Daniela y Lily  
  • 3.   Universidad Laica “Eloy Alfaro” de Manabí       Extensión El Carmen      Operadores Lógicos: $a AND $b Verdadero si  Operadores Aritméticos: ambos son verdadero $a + $b Suma $a && $b Verdadero si ambos  $a ‐ $b Resta son verdadero $a * $b Multiplicación $a OR $b Verdadero si alguno  $a /  de los dos es verdadero $b &ss=codigoenlinea>$a  Operadores de Cadenas: $a !! $b Verdadero si alguno  / $b División de los dos es verdadero El único operador de cadenas que existen es el de  $a % $b Resto de la  $a XOR $b Verdadero si sólo  concatenación, el punto. Pero no os asustéis, PHP  división de $a por $b uno de los dos es verdadero dispone de toda una batería de funciones que os  $a++ Incrementa en 1  !$a Verdadero si $a es  permitirán trabajar cómodamente con las  a $a falso, y recíprocamente cadenas.  $a‐‐ Resta 1 a $a  $a = quot;Holaquot;; $b = $a . quot;Mundoquot;; // Ahora $b contiene quot;Hola  Mundoquot;  Operadores de  En este punto hay que hacer una distinción, la  Asignación: interpretación que hace PHP de las simples y  dobles comillas. En el segundo caso PHP  Operadores de  $a = $b Asigna a $a el  Comparación: interpretará el contenido de la cadena.  contenido de $b $a += $b Le suma a $b a  $a = quot;Mundoquot;; $a < $b $a menor que $a $b echo = 'Hola $a'; //Esto escribirá quot;Hola $aquot; $a ‐= $b Le resta a $b a  echo = quot;Hola $aquot;; //Esto escribirá quot;Hola  $a > $b $a mayor que $b $a $a <= $b $a menor o  Mundo&q; //Esto escribirá quot;Hola Mundoquot;  $a *= $b Multiplica $a  igual que $b por $b y lo asigna a $a $a >= $b $a mayor o  $a /= $b Divide $a por  igual que $b $b y lo asigna a $a $a == $b $a igual que $b $a .= $b Añade la  $a != $b $a distinto que cadena $b a la cadena  $b  $a       <html> <body> <?php   $myvar = quot;SEVILLA nquot;; Ejemplo  $Myvar = quot;MADRID nquot;;   //Esto imprimirá SEVILLA echo $myvar;   //Esto imprimirá MADRID ECHO $Myvar;   ?> </body> </html>     Ana, Daniela y Lily  
  • 4.   Universidad Laica “Eloy Alfaro” de Manabí       Extensión El Carmen        SENTENCIAS DE CONTROL  SWITCH...CASE...DEFAULT IF...ELSE IF...ELSEIF...ELSE Permite ejecutar un bloque de  Permite ejecuta varias  Una alternativa a  instrucciones si la condición es  condiciones en cascada. Para  IF...ELSEIF...ELSE, es la  Verdadera y otro bloque de  este caso veremos un ejemplo,  sentencia SWITCH, la cuál  instrucciones si ésta es Falsa.  en el que utilizaremos los  evalúa y compara cada  Es importante tener en cuenta  operadores lógicos. expresión de la sentencia CASE  q instrucciones si ésta es Falsa.  con la expresión que  Es importante tener en cuenta  evaluamos, si llegamos al final  que la condición que  de la lista de CASE y encuentra  evaluemos ha de estar  una condición Verdadera ,  encerrada entre paréntesis  ejecuta el código de bloque  (esto es aplicable a todas la  que haya en DEFAULT. Si  sentencias de control). encontramos una condición  verdadera debemos ejecutar  un BREAK para que la sentencia  SWITCH no siga buscando en la  lista de CASE.     <?php   if ($nombre == quot;quot;){ echo quot;Tú no tienes nombrequot;; } elseif (($nombre==quot;evaquot;) OR   <?php ($nombre==quot;Evaquot;)) { switch ($dia) { echo quot; case quot;Lunesquot;: echo quot;Tu nombre es EVAquot;;< echo quot;Hoy es Lunesquot;; break;   } else { c echo quot;Tu nombre es quot; . $nombre; case quot;Martesquot;: echo quot;Hoy es Martesquot;; } break;     case quot;Miercolesquot;: echo quot;Hoy es Miercolesquot;; break; case quot;Juevesquot;: echo quot;Hoy es Juevesquot;;   break; case quot;Viernesquot;: echo quot;Hoy es Viernesquot;; break;   case quot;Sábadoquot;: echo quot;Hoy es Sábadoquot;; break; case quot;Domingoquot;: echo quot;Hoy es Domingoquot;;   break; default:   default: echo quot;Esa cadena no corresponde a ningún día de la semanaquot;; } ?>     Ana, Daniela y Lily  
  • 5.   Universidad Laica “Eloy Alfaro” de Manabí       Extensión El Carmen        La sentencia WHILE ejecuta un  Esta sentencia es similar a  El bucle FOR no es  WHILE FOR DO...WHILE bloque de código mientras se  WHILE, salvo que con esta  estrictamente necesario,  cumpla una determinada  sentencia primero ejecutamos  cualquier bucle FOR puede ser  condición. Podemos romper un  el bloque de código y después  sustituido fácilmente por otro  bucle WHILE utilizando la  se evalúa la condición, por lo  WHILE. Sin embargo, el bucle  sentencia BREAK. que el bloque de código se  FOR resulta muy útil cuando  ejecuta siempre al menos una  debemos ejecutar un bloque  vez. de código a condición de que  una variable se encuentre  entre un valor mínimo y otro  máximo. El bucle FOR también  se puede romper mediante la  sentencia BREAK.   <?php $num = 1; do {   echo $num; <?php if ($num == 3){ for ($num = 1; Snum echo quot;Aquí nos   <=5; $num++){ salimos nquot;; echo $num; break if ($num == 3){ echo quot;Aquí   } nos salimos $num++ nquot;; } while ($num < 5); break   } ?> }                Ana, Daniela y Lily  
  • 6.   Universidad Laica “Eloy Alfaro” de Manabí       Extensión El Carmen      LAS TABLAS          Array en inglés, son muy importantes en PHP, ya que   generalmente, las funciones que devuelven varios valores, como las funciones ligadas a las bases de   datos, lo hacen en forma de tabla. En PHP disponemos de dos tipos de tablas. El primero sería el clásico,   utilizando índices:   Un segundo tipo, son las tablas asociativas, en las cuáles a cada elemento se le asigna un valor (key) para é             <?php   $semana = array(quot;lunesquot;, quot;martesquot;, quot;miércolesquot;, quot;juevesquot;, quot;viernesquot;,   quot;sábadoquot;, quot;domindoquot;); echo count($semana); //7   //situamos el puntero en el primer elemento   reset($semana); echo current($semana); //lunes   next($semana); echo pos($semana); //martes   end($semana) echo pos($semana); //domingo   prev($semana); echo current($semana); //sábado   ?>   Ana, Daniela y Lily  
  • 7.   Universidad Laica “Eloy Alfaro” de Manabí       Extensión El Carmen      Javascrip   Es un lenguaje de programación utilizado para crear pequeños programitas encargados de realizar  acciones dentro del ámbito de una página web  Se  pueden  crear  efectos  especiales  en  las  páginas  y  definir  interactividades  con  el  usuario.  El  navegador del cliente es el encargado de interpretar las instrucciones Javascript y ejecutarlas para  realizar estos efectos e interactividades, de modo que el mayor recurso, y tal vez el único, con que  cuenta este lenguaje es el propio navegador.  Javascript es un lenguaje con muchas posibilidades, permite la programación de pequeños scripts,  pero  también  de  programas  más  grandes,  orientados  a  objetos,  con  funciones,  estructuras  de  datos complejas, etc.   Toda  esta  potencia  de  Javascript  se  pone  a  disposición  de  programador,  que  se  convierte  en  el  verdadero dueño y controlador de cada cosa que ocurre en la página.    Tenemos varias opciones para mostrar acerca para javascript:  Salto de línea: n  Comilla simple: '  Comilla doble: quot;  Tabulador: t  Retorno de carro: r  Avance de página: f  Retroceder espacio: b  Contra barra:   ………………………………………………………………………………………..........................  Operadores de asignación  = Asignación.  += Asignación con suma.   ‐= Asignación con resta  Ana, Daniela y Lily  
  • 8.   Universidad Laica “Eloy Alfaro” de Manabí       Extensión El Carmen      *= Asignación de la multiplicación  /= Asignación de la división  %= Se obtiene el resto y se asigna  ………………………………………………………………………………………..........................  Operadores condicionales  ! Operador NO o negación. Si era true pasa a false y viceversa.  && Operador Y, si son los dos verdaderos vale verdadero.  || Operador O, vale verdadero si por lo menos uno de ellos es verdadero.  ………………………………………………………………………………………..........................  Precedencia  Con Los Operadores  () [] . Paréntesis, corchetes y el operador punto que sirve para los objetos  ! ‐ ++ ‐‐ negación, negativo e incrementos  * / % Multiplicación división y módulo  +‐ Suma y resta  << >> >>> Cambios a nivel de bit  < <= > >= Operadores condicionales  == != Operadores condicionales de igualdad y desigualdad  & ^ | Lógicos a nivel de bit  && || Lógicos booleanos  = += ‐= *= /= %= <<= >>= >>>= &= ^= != Asignación  ………………………………………………………………………………………..........................  EJEMPLO  if (credito >= precio) {  document.write(quot;has comprado el artículo quot; + nuevoArtículo) //enseño compra  Ana, Daniela y Lily  
  • 9.   Universidad Laica “Eloy Alfaro” de Manabí       Extensión El Carmen      carrito += nuevoArticulo //introduzco el artículo en el carrito de la compra  credito ‐= precio //disminuyo el crédito según el precio del artículo    } else {  document.write(quot;se te ha acabado el créditoquot;) //informo que te falta dinero  window.location = quot;carritodelacompra.htmlquot; //voy a la página del carrito}  ………………………………………………………………………………………..........................   Expresiones condicionales  • if (edad > 18)  document.write(quot;puedes ver esta página para adultosquot;)    • if (bateria == 0 && redElectrica == 0)  document.write(quot;tu ordenador portatil se va a apagar en segundosquot;)  ………………………………………………………………………………………..........................  Sentencias IF anidadas  var numero1=23  var numero2=63  if (numero1 == numero2){  document.write(quot;Los dos números son igualesquot;)  }else{  if (numero1 > numero2) {  document.write(quot;El primer número es mayor que el segundoquot;)  }else{  document.write(quot;El primer número es menor que el segundoquot;)  }  }  Ana, Daniela y Lily  
  • 10.   Universidad Laica “Eloy Alfaro” de Manabí       Extensión El Carmen      ………………………………………………………………………………………..........................  Estructura SWITCH  Esta expresión se utiliza cuando tenemos múltiples posibilidades  como resultado de la evaluación de una sentencia.  switch (expersión) {  case valor1:  Sentencias a ejecutar si la expresión tiene como valor a valor1  break  case valor2:  Sentencias a ejecutar si la expresión tiene como valor a valor2  break  case valor3:  Sentencias a ejecutar si la expresión tiene como valor a valor3  break  default:  Sentencias a ejecutar si el valor no es ninguno de los anteriores  }        Bucle FOR  El bucle FOR se utiliza para repetir mas instrucciones un determinado número de  veces. De entre todos los bucles, el FOR se suele utilizar cuando sabemos seguro el  número de veces que queremos que se ejecute la sentencia.      var i  for (i=0;i<=10;i++) {  document.write(i)  Ana, Daniela y Lily  
  • 11.   Universidad Laica “Eloy Alfaro” de Manabí       Extensión El Carmen      }  ………………………………………………………………………………………..........................  Bucles WHILE y DO WHILE    WHILE:‐‐utilizan cuando queremos repetir la ejecución de unas sentencias un número indefinido   de veces, siempre que se cumpla una condición.    while (condición){  sentencias a ejecutar  }  DO...WHILE:‐‐Es el último de los bucles que hay en Javascript.Se utiliza generalmente cuando no  sabemos cuantas veces se habrá de ejecutar el bucle, igual que el bucle WHILE  La sintaxis es la siguiente.  do {  sentencias del bucle  } while (condición)   Break y continue  Son las instrucciones break y continue.  • Detener la ejecución de un bucle y salirse de él  • Detener la iteración actual y volver al principio del bucle.   Break       for (i=0;i<10;i++){   document.write (i)   escribe = dime si continúo   if (escribe == quot;noquot;)   break  Ana, Daniela y Lily  
  • 12.   Universidad Laica “Eloy Alfaro” de Manabí       Extensión El Carmen       }    Continue  var i=0  while (i<7){  incrementar = dime si incremento  if (incrementar == quot;noquot;)  continue  i++  }  Bucles anidados en Javascript          La anidación de bucles es necesaria para hacer determinados procesamientos un poco más  complejos. Un bucle anidado tiene una estructura como la que sigue:    for (i=0;i<10;i++){    for (j=0;j<10;j++) {    document.write(i + quot;‐quot; + j)    }    }  ………………………………………………………………………………………..........................  Funciones en Javascript  Qué es una función?  Serie de instrucciones que englobamos dentro de un mismo proceso.  Por ejemplo, en una página web puede haber una función para cambiar el color del fondo.  veremos muchas de las funciones definidas en Javascript que debemos utilizar para realizar  distintos tipos de acciones habituales. Se define con una sintaxis especial.  function nombrefuncion (){  Ana, Daniela y Lily  
  • 13.   Universidad Laica “Eloy Alfaro” de Manabí       Extensión El Carmen      instrucciones de la función  ……  }  Se escribe la palabra function, reservada para este uso. Seguidamente se escribe el nombre de la  función,  que  como  los  nombres  de  variables  puede  tener  números,  letras  y  algún  carácter  adicional como en guión bajo. A continuación se colocan entre llaves las distintas instrucciones de  la función. y para llamarla la podemos hacer desde cualquier parte de la pagina    ………………………………………………………………………………………..........................  ¿Dónde colocamos las funciones:‐‐  En concreto, la función se debe definir en el bloque <SCRIPT> donde esté la llamada a la función,  aunque  es  indiferente  si  la  llamada  se  encuentra  antes  o  después  la  función,  dentro  del  mismo  bloque <SCRIPT>.  <SCRIPT>  miFuncion()  function miFuncion(){  //hago algo...  document.write(quot;Esto va bienquot;)  }  </SCRIPT>  Un error es una llamada a una función que se encuentra declarada en un bloque  <SCRIPT> posterior.  <SCRIPT>  miFuncion()  </SCRIPT>  <SCRIPT>  Ana, Daniela y Lily  
  • 14.   Universidad Laica “Eloy Alfaro” de Manabí       Extensión El Carmen      function miFuncion(){  //hago algo...  document.write(quot;Esto va bienquot;)  }  </SCRIPT>  ………………………………………………………………………………………..........................    Paraametro de la funcion  function escribirBienvenida(nombre){  document.write(quot;<H1>Hola quot; + nombre + quot;</H1>quot;)  }  • Para definir en la función un parámetro tenemos que poner el nombre de la variable que  va a almacenar el dato que le pasemos.  • Para llamar a una función que tiene parámetros se coloca entre paréntesis el valor del  parámetro.  • Los parámetros pueden recibir cualquier tipo de datos, numérico, textual, boleano o un  objeto.  Realmente no especificamos el tipo del parámetro, por eso debemos tener un cuidado especial  Al definir las acciones que realizamos dentro de la función y al pasarle valores a la función para  Asegurarnos que todo es consecuente con los tipos de nuestras variables o parámetros.    Las  funciones  también  pueden  retornar  valores,  de  modo  que  al  ejecutar  la  función  se  podrá  realizar  acciones y dar un valor como salida.  Para especificar el valor que retornará la función se utiliza la palabra return seguida del valor que se desea  devolver.  Para recibir los valores que devuelve una función se coloca el operador de asignación =.    ………………………………………………………………………………………..........................    Múltiples return  En una misma función podemos colocar más de un return.  Por ejemplo:    Ana, Daniela y Lily  
  • 15.   Universidad Laica “Eloy Alfaro” de Manabí       Extensión El Carmen      function media(valor1,valor2){  var resultado  resultado = (valor1 + valor2) / 2  return resultado  }  O este de do o más return  function multipleReturn(numero){  var resto = numero % 2  if (resto == 0)  return 0  else  return numero  }  ………………………………………………………………………………………..........................    Arrays en Javascript  Nos permiten guardar varias variables y acceder a ellas de manera independiente,  es como tener una variable con distintos compartimentos donde podemos introducir datos distintos. Para  ello  utilizamos  un  índice  que  nos  permite  especificar  el  compartimiento  o  posición  a  la  que  nos  estamos  refiriendo.    Sentencia para crear un objeto array:       ( var miArray = new Array() )  Es importante que nos fijemos que la palabra Array en código Javascript se escribe con la primera letra en  mayúscula.    var miArray = new Array(3)  miArray[0] = 155  miArray[1] = 4  miArray[2] = 499  for (i=0;i<3;i++){  document.write(quot;Posición quot; + i + quot; del array: quot; + miArray[i])  document.write(quot;<br>quot;)  }  En Javascript podemos guardar distintos tipos de datos en las casillas de un mismo array.    ………………………………………………………………………………………..........................    Longitud de los arrays    Ana, Daniela y Lily  
  • 16.   Universidad Laica “Eloy Alfaro” de Manabí       Extensión El Carmen      Todos los arrays en javascript, aparte de almacenar el valor de cada una de sus posiciones también  almacenan el número de posiciones que tienen. Para ello utilizan una propiedad del objeto array,  la propiedad length.    Se  escribe  el  nombre  del  array  que  queremos  acceder  al  número  de  posiciones  que  tiene,  sin  corchetes ni paréntesis, seguido de un punto y la palabra length.    var miArray = new Array(2)    miArray[0] = quot;Colombiaquot;  miArray[1] = quot;Estados Unidosquot;  miArray[5] = quot;Brasilquot;    for (i=0;i<miArray.length;i++){  document.write(quot;Posición quot; + i + quot; del array: quot; + miArray[i])  document.write(quot;<br>quot;)  }    ………………………………………………………………………………………..........................      Arrays multidimensionales    Los arrays multidimensionales son una estructura de datos que almacenan los valores en más  de una dimensión.    En  Javascript  no  existe  un  auténtico  objeto  array‐multidimensinal.  Para  utilizar  estas  estructuras  podremos definir arrays que donde en cada una de sus posiciones habrá otro array.    var temperaturas_cuidades = new Array (3)  temperaturas_cuidades[0] = temperaturas_medias_ciudad0  temperaturas_cuidades[1] = temperaturas_medias_ciudad1  temperaturas_cuidades[2] = temperaturas_medias_ciudad2    for (i=0;i<temperaturas_cuidades.length;i++){  document.write(quot;<tr>quot;)  document.write(quot;<td><b>Ciudad quot; + i + quot;</b></td>quot;)  for (j=0;j<temperaturas_cuidades[i].length;j++){  document.write(quot;<td>quot; + temperaturas_cuidades[i][j] + quot;</td>quot;)  }  document.write(quot;</tr>quot;)  }  document.write  (quot;</table>quot;).  Ana, Daniela y Lily