LAS VARIABLES

Sintaxis:

La sintaxis en informática consiste en las normas a las que debemos atenernos para darle las instrucciones a un programa u ordenador. En otras palabras, sobre como debemos organizar las instrucciones para transmitirselas a un ordenador y generar en él una respuesta adecuada.

Para empezar a utilizar javascript, debemos escribir script type="text/javascript" y cerrar el script.

¿Qué es un comentario?

Los comentarios son partes del programa que el intérprete no lee y que, por tanto, sirven para explicar y aclarar.
En el lenguaje JavaScript existen dos formas de poner comentarios.
La primera es cuando la línea de comentario solo ocupa una linea de código. En este caso deberemos de anteponer dos barras inclinadas (//) antes del texto.

// Comentario de una línea

En el caso de que queramos poner un comentario de más de una línea (eso es que estamos inspirados) deberemos de empezar por una barra inclinada y un asterisco (/*) y finalizar a la inversa, asterisco y barra inclinada (*/). El código nos quedará de la siguiente forma:

/*Comentario
de varias
líneas */

¿Qué es una variable?

Una variable es un espacio en memoria donde se almacena un dato, un espacio donde podemos guardar cualquier tipo de información que necesitemos para realizar las acciones de nuestros programas. Es decir, una variable es un recipiente que contiene cosas llamadas identificadores.
Se declaran con el comando var. Aquí es el lugar donde se ponen mensajes, y es el identificador de la variable; al poner que var es un mensaje, luego en alert debemos poner mensaje, así identificaremos cual es el mensaje. Ejemplo:

var mensaje;
mensaje="Lo que quiero escribir";
alert(mensaje);

Se pueden poner varias variables (varios mensajes). Con las variables podemos realizar sumas:

var numero_1=2;
var numero_2=5;
var resultado=numero_1+numero_2;
alert (resultado);

Debido a que los números lo que son textos, el programa va a sumar los textos.

var numero_1="2";
var numero_2="5";
var resultado=numero_1+numero_2;
alert (resultado);

A esto se le denomina operador, ya que realiza distintas cosas dependiendo de la variable aplicada.

Restricciones de las variables:

Sólo se pueden utilizar: letras, números, guión bajo _, y el símbolo de dólar $. Cualquier otra variable no se admite.
La variable no puede empezar por un número.
Existen palabras reservadas, como por ejemplo: Var, true, new, return. El programa utilizado, Edit Plus, siempre nos las va a decir, ya que si son reservadas van a aparecer en azul al escribirlas.
Java Script es recursivo. No todos los programas de programación lo son. Nos permite poder definir unas variables con otras.
Se distinguen mayúsculas y minúsculas. Lo que multiplica el número de variables que podemos utilizar.
Los espacios en blanco no se tienen en cuenta.
No es obligatorio terminar las sentencias con ; (Punto y coma), pero si muy recomendable.
El carácter de escape es : \
Las variables pueden ser: var entero = 2; var flotante = 2.;

¿Qué son las comillas?

Un elemento importante son las comillas, tanto simples (' '), como dobles(" ").
Las comillas dobles se usan para encerrar partes de código Javascript, y, junto con las simples, para encerrar también las cadenas (secuencias de caracteres). Por ello, es necesario prestar atención a nidificar dos cadenas comprendidas entre comillas simples, así como a usar las comillas dobles para las cadenas si éstas sirven ya para encerrar código Javascript.
Si se desea que en una cadena aparezcan comillas dobles o simples como parte integrante de la cadena misma, tienen que ir precedidas por el carácter de escape (\).
Por ejemplo:

var cadena_texto="Esto es una cadena de texto con 'comillas'."
alert(cadena_texto);

Palabras reservadas de JavaScript

Una palabra reservada no la podemos utilizar como identificador debido a que la emplea JavaScript.

abstract	else	instanceof	super
boolean	enum	int	switch
break	export	interface	synchronized
byte	extends	let	this
case	false	long	throw
catch	final	native	throws
char	finally	new	transient
class	float	null	true
const	for	package	try
continue	function	private	typeof
debugger	goto	protected	var
default	if	public	void
delete	implements	return	volatile
do	import	short	while
double	in	static	with

alert	frames	outerHeight	all
frameRate	outerWidth	anchor	function
packages	anchors	getClass	pageXOffset
area	hasOwnProperty	pageYOffset	Array
hidden	parent	assign	history
parseFloat	blur	image	parseInt
button	images	password	checkbox
Infinity	pkcs11	clearInterval	isFinite
plugin	clearTimeout	isNaN	prompt
clientInformation	isPrototypeOf	propertyIsEnum	close
java	prototype	closed	JavaArray
radio	confirm	JavaClass	reset
constructor	JavaObject	screenX	crypto
JavaPackage	screenY	Date	innerHeight
scroll	decodeURI	innerWidth	secure
decodeURIComponent	layer	select	defaultStatus
layers	self	document	length
setInterval	element	link	setTimeout
elements	location	status	embed
Math	String	embeds	mimeTypes
submit	encodeURI	name	taint
encodeURIComponent	NaN	text	escape
navigate	textarea	eval	navigator
top	event	Number	toString
fileUpload	Object	undefined	focus
offscreenBuffering	unescape	form	open
untaint	forms	opener	valueOf
frame	option	window

Palabras reservadas relacionadas a eventos:

onbeforeunload	ondragdrop	onkeyup	onmouseover
onblur	onerror	onload	onmouseup
ondragdrop	onfocus	onmousedown	onreset
onclick	onkeydown	onmousemove	onsubmit
oncontextmenu	onkeypress	onmouseout	onunload

Profundiza en el mundo de la informática

Tipos de Variables:

Variable numérica:

Variable utilizada para números enteros. Se escribe:

var numerica = 234;

Variable decimal:

Variable utilizada para números decimales, es muy importante poner un punto antes del punto y coma, ya que aunque para nosotros sea el mismo número, para el programa no, ya que uno ocupa más memoria que otro. Se escribe:

num decimal = 234.;

Variable texto:

Para anular el carácter siguiente existe un carácter de escape, le dice al ordenador que el siguiente carácter no se interpreta, se pone de forma literal. La tecla de escape es: \ . Anula las comillas. Se escribe:

var texto="Y entonces dijo: \"Voy a morir\" y vivió";

alert (texto);

El carácter de escape \n sirve para hacer un salto de línea.
El carácter de escape \t sirve para introducir un tabulador.
El carácter de escape \\ sirve para introducir una barra invertida.

Variables Array:

Por poner un ejemplo, vamos a utilizar esta variable con días. En una sola variable podemos poner varias magnitudes (días en este caso), la primera magnitud (Lunes) es el número 0, ya que es el número positivo más bajo. A continuación, con alert indicamos los días que queremos que se pongan. Ejemplo:

var dias=["Lunes","Martes","Miercoles","Jueves","Viernes"];
alert(dias[0]);
alert(dias[1]);
alert(dias[2]);
alert(dias[3]);
alert(dias[4]);

Así saldrá en cada ventana un día de la semana. Otro ejemplo es utilizar esta variable con un nombre:

var nombre=["Aledo","Ayllón","Blanca"];
alert("Me llamo: " +nombre[2]+" "+nombre[0]+" "+nombre[1]+".");

Operadores:

Sirve para operar números. Con el siguiente ejemplo, vamos a observar los distintos tipos de operadores. Ejemplo:

var n_1=3;
var n_2=7;

Suma:
alert(n_1+n_2);
Resta:
alert(n_1-n_2);
División:
alert(n_1/n_2);
Multiplicación:
alert(n_1*n_2);
Resto de la división entera:
alert(n_1%n_2);

Variable booleana:

Sólo puede admitir true o false. Ejemplo:

var booleana=false;

var booleana=true;

Operadores Relacionales:

Están relacionados con las variables booleanas y permiten comparar. Con el ejemplo anterior (

var n_1=7; var n_2=3;

== : Indica cuándo los números son iguales. Ejemplo:
resul = n_1 == n_2;
!= : Indica cuándo los números son diferentes. Ejemplo:
resul = n_1 =! n_2;
< > : Indica cuándo un número es mayor o menor que otro. Ejemplo:
resul = n_1 > n_2;
<= >= : Indica cuándo un número es "mayor o igual" o "menor o igual" que otro. Ejemplo:
resul = n_1 >= n_2;

alert("El resultado es: "+resul)

Operador &:

Sirve para hacer tablas de verdad, quiere decir, es verdadero/falso si pasa esto Y esto... Se escribe con dos letras "&&". Ejemplo: (

var n_1=7; var n_2=3; var n_3=2;
resul = n_1 >= n_2 && n_1 > n_3;
alert("EL resultado es: "+resul)

Operador O:

Sirve para hacer tablas de verdad, quiere decir, es verdadero/falso si pasa esto O esto... Se escribe con dos signos "||". Ejemplo: (

var n_1=7; var n_2=3; var n_3=2;
resul = n_1 >= n_2 || n_1 > n_3;
alert("EL resultado es: "+resul)

Document write:

Necesario para formar páginas dinámicas. Con él decimos al programa: "Escribe esto en la página". Por tanto, Java Script permite que escribamos la página en el mismo momento. Ejemplo:

document.write(' Este es un ejemplo de página que se autoescribe ');
document.write(' Operadores que actúan sobre variables ');
var resul=1;
resul=resul+1;
document.write( Este es un ejemplo de recursividad: resul=resul+1: ' + resul + ' );

La recursividad es cuando se define la "variable resul" en base al contenido que antes teníamos. Aquí mezclamos HTML con Java Script, hemos indicado que queremos una lista en negrita, cuyo contenido se vaya cambiando cuando se cambia el resultado (resul).
Si pongo resul ++ ; lo que esto hace es que la variable siempre aumente uno, si lo ponemos cuatro veces, aumentará cuatro, de manera que si la variable es 200 y lo ponemos una vez, el resultado se indicará como uno.

var resul=1;
resul ++;
var resul=1;
resul=resul+1;
document.write('Este es un ejemplo de rescursividad: resul=resul+1: p color="red"> ' + resul ' );

Aquí el resultado debería ser 2, pero va a ser tres por poner resul ++;
Cuando queremos que en vez de dos, aumente cuatro, en vez de poner 4 "resul ++;" pondremos

resul += 4 ;

operadores

Sumar:
resul++;
Restar:
resul--;
Restarle 4 al resultado:
resul -=4;
Multiplicarle 4 al resultado:
resul *=4;
Dividir el resultado por 4:
resul /=4;
Sumarle 4 al resultado:
resul +=4;
Resto de división entera:
resul %=4

Para pedir información al usuario utilizamos la función prompt, ésta es una ventana que va a pedir una información, la que tú pongas después, y cuando la tengas va a decirte algo. Ejemplo:

nombre = prompt ("¿Cuál es tu nombre?");
document.write('Encantado de conocerte: '+nombre+'.);

window.open:

Sirve para abrir una página mediante JavaScript, cuando introduzcamos una información, con window.open nos podrá llevar a otra página. Ejemplo:

var edad = prompt ("¿Qué edad tienes?");
if (edad >= 18)
{ alert ("Bienvenido a la página de adultos");
window.open("http://www.google.com"); }
else
{ alert ("Bienvenido a la página infantil");
window.open("http://www.disney.es"); }

Modificado por Pablo Aguilera y Mª Lian García

LAS VARIABLES

Sintaxis:

¿Qué es un comentario?

¿Qué es una variable?

Restricciones de las variables:

¿Qué son las comillas?

Palabras reservadas de JavaScript

Tipos de Variables:

Variable numérica:

Variable decimal:

Variable texto:

Variables Array:

Operadores:

Variable booleana:

Operadores Relacionales:

Operador &:

Operador O:

Document write:

window.open: