Memoràndum Javascript

JavaScript
Introduir JavaScript
En la pàgina HTML
codi javascript - El codi s’executa a mesura que es va carregant la pàgina i s’ha de tenir en compte per decidir a on es fica.

En un fitxer extern
- Es fica entre les etiquetes head.

Comentaris
Es poden utilitzar per desactivar codi JavaScript.

1 línia
//comentari

Múltiples línies
/*comentaris comentaris*/

Variables
varnom_de_la_variable ; - En el nom es poden utilitzar lletres, nombres, ‘_’ i ‘$’. - Han de començar per lletres, ‘_’ o ‘$’. - Es distingeix entre majúscules i minúscules. - Es poden crear variables globals sense utilitzar var.

Operadors
Operadors aritmètics
Operador Descripció
+ * / % ++ -Suma Resta Multiplicació Divisió Modulo(resta de la divisió) Incrementació Decrementació

Exemple y=5Resultat
x = y+2 x = y-2 x = y*2 x = y/2 x = y%2 x = y++ x = y-x=7 x=3 x = 10 x = 2.5 x=1 x=6 x=4 1

Operador d’assignació
Operador Exemple x=10 y=5 Igual a Resultat
+= -= *= /= %= x += y x -= y x *= y x /= y x %= y x = x+y x = x-y x = x*y x = x/y x = x%y x = 15 x=5 x = 50 x=2 x=0

Comparacions
Operadors de comparació
Operador Descripció
== === != < > = …és igual a…

Exemple x=5Resultat
false true false true false true false true

x == 6 x === 5 …és estrictament igual a… x === ‘5’ …no és igual a… x != 8 …és més petit que… x0 …és més gran que... o ...és igual a… x = 4

Operadors lògics
Operador Descripció Exemple x=6 y=3 Resultat
&& || ! i o no (x > 5) && (y < 5) (x == 2 || y == 2) !(x == y) true false true

Operador condicional
nomdevariable = (condició) ? valor encas true : valor en cas de false

Declaració if…else
if
if (condició){ codi a executar en cas que la condició = true }

if… else
if (condició){ codi a executar en cas que la condició = true }else codi a executar en cas que la condició = false }

2

if… else if… else
if (condició1){ codi a executar si la condició1 = true }else if (condició2){ codi a executar si la condició2 = true }else{codi a executar si condició1 i condició2 = false } - Es poden ficar tants else if com es vulgui.

Bucles
For
for (inicialització ; condició ; modificació){ codi a executar si es compleix la condició } - Inicialització : és la declaració de la variable que es modifica al llarg de les repeticions. - Condició : operació a comprovar per tornar a executar el codi. - Modificació : operació quemodificar la variable que es modifica per trencar el bucle.

While
while (condició){ codi a executar si es compleix la condició } - Dins el codi s’ha d’incloure una manera de trencar la condició.

Do… while
do{ codi a executar mentre es compleix la condició }while(condició) ; - El codi s’executa al menys un cop. - També s’ha d’incloure una manera de trencar la condició.

Declaracions decontrol
Break
Fa sortir d’un bucle i s’executa el codi que segueix.

Continue
Fa saltar una volta del bucle i segueix a la pròxima.

For… in
for (variable in array/objecte){ codi a executar per cada variable de l’objecte } - A cada volta la variable és igual a l’element o la propietat en l’array o l’objecte . 3

Switch
switch (variable){ case valor1 : codi a executar si la variable = valor1break ; case valor2 : codi a executar si la variable = valor2 break ; default : codi a executar si la variable no correspon a cap cas } - Es poden afegir tants case com es necessiti.

Pop-ups
Alert
alert( ‘text a mostrar’); - Surt un pop-up amb un botó OK.

Confirm
confirm( ‘text’ a mostrar); - Surt un pop-up amb un botó OK (retorna true) i un botó Cancel·lar (retorna false)

Promptprompt(‘text’ a mostrar, valor per defecte) ; - Surt un pop-up i amb el text indicat es demana la introducció d’un valor i es retorna aquest valor.

Funcions
function nom_de_la_funció(atribut1, atribut2,..., atributX) { codi a executar } - Es pot utilitzar return per retornar un valor a la funció. - Les variables creades en una funció només serveixen en aquesta funció a no ser que siguin...