Javascript
- 1. Declaración de variables en Javascript Javascript cuenta con la palabra "var" que utilizaremos cuando queramos declarar una o varias variables. Como es lógico, se utiliza esa palabra para definir la variable antes de utilizarla. var operando1 var operando2 También se puede asignar un valor a la variable cuando se está declarando var operando1 = 23 var operando2 = 33 También se permite declarar varias variables en la misma línea, siempre que se separen por comas. var operando1,operando2
- 2. Concepto de ámbito de variables Si utilizamos var la variable será local a la función y si no lo utilizamos, la variable será global a la página. Esta diferencia es fundamental a la hora de controlar correctamente el uso de las variables en la página, ya que si no lo hacemos en una función podríamos sobreescribir el valor de una variable, perdiendo el dato que pudiera contener previamente. <SCRIPT> var numero = 2 function miFuncion (){ numero = 19 document.write(numero) //imprime 19 } document.write(numero) //imprime 2 //llamamos a la función miFuncion() document.write(numero) //imprime 19 </SCRIPT>
- 3. Qué podemos guardar en variables En realidad nuestras variables no están forzadas a guardar un tipo de datos en concreto y por lo tanto no especificamos ningún tipo de datos para una variable cuando la estamos declarando. Podemos introducir cualquier información en una variable de cualquier tipo, incluso podemos ir cambiando el contenido de una variable de un tipo a otro sin ningún problema. Vamos a ver esto con un ejemplo. var nombre_ciudad = "Valencia" var revisado = true nombre_ciudad = 32 revisado = "no"
- 4. operadores aritméticos y de asignación Son los utilizados para la realización de operaciones matemáticas simples como la suma, resta o multiplicación. En javascript son los siguientes: + Suma de dos valores - Resta de dos valores, también puede utilizarse para cambiar el signo de un número si lo utilizamos con un solo operando -23 * Multiplicación de dos valores / División de dos valores % El resto de la división de dos números (3%2 devolvería 1, el resto de dividir 3 entre 2) ++ Incremento en una unidad, se utiliza con un solo operando -- Decremento en una unidad, utilizado con un solo operando Ejemplos precio = 128 //introduzco un 128 en la variable precio unidades = 10 //otra asignación, luego veremos operadores de asignación factura = precio * unidades //multiplico precio por unidades, obtengo el valor factura resto = factura % 3 //obtengo el resto de dividir la variable factura por 3 precio++ //incrementa en una unidad el precio (ahora vale 129)
- 5. Operadores de cadenas + Concatena dos cadenas, pega la segunda cadena a continuación de la primera. Ejemplo cadena1 = "hola" cadena2 = "mundo" cadenaConcatenada = cadena1 + cadena2 //cadena concatenada vale "holamundo"
- 6. estructura IF Comprobar si un número es mayor menor o igual que otro, tengo que evaluar tres posibilidades distintas. Primero puedo comprobar si los dos números son iguales, si lo son, ya he resuelto el problema, pero si no son iguales todavía tendré que ver cuál de los dos es mayor. Veamos este ejemplo en código Javascript. var numero1=23 var numero2=63 if (numero1 == numero2){ document.write("Los dos números son iguales") }else{ if (numero1 > numero2) { document.write("El primer número es mayor que el segundo") }else{ document.write("El primer número es menor que el segundo") } }
- 7. Bucle FOR Un ejemplo de utilización de este bucle lo podemos ver a continuación, donde se imprimirán los números del 0 al 10. var i for (i=0;i<=10;i++) { document.write(i) document.write("<br>") }
- 8. bucles WHILE Un ejemplo de código donde se utiliza este bucle se puede ver a continuación. var color = "" while (color != "rojo"){ color = prompt("dame un color (escribe rojo para salir)","") }
- 9. funciones Veamos un ejemplo de función para escribir en la página un mensaje de bienvenida dentro de etiquetas <H1> para que quede más resaltado. function escribirBienvenida(){ document.write("<H1>Hola a todos</H1>") } así llamaríamos a la función escribirBienvenida() que acabamos de crear. escribirBienvenida()