Javascript: lenguaje interactivo para dinamizar la web.
Y ahora tambien aprende a programar en C++ con Aprende Web C++
y entérate de las novedades o deja un comentario.
última modificación: 13-07-2018.
Visitas este mes: 46
Visitas el mes pasado: 89
Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:
Por elegir aprende-web
Aprende-web está diseñado a partir de los lenguajes que aquí mismo se enseñan.
By Anyelguti
Los operadores son elementos que permiten hacer operaciones entre los distintos datos almacenados con javascript. En las operaciones los datos pueden ser escritos directamente o mediante variables. En esta página veremos fundamentalmente las operaciones más comunes que suelen hacerse entre los datos numéricos.
Signo igual = : ya lo hemos utilizado en páginas anteriores. Sirve para dar un valor a una variable, ya sea esta nueva o antigua, si la variable es nueva estaremos declarándola, si es antigua, le estaremos cambiando el valor. Ejemplos:
var numero = 5
La variable numero
es declarada con el valor numérico 5
El operador de asignación sirve no solo para dar un valor numerico a una variable, sino que se le puede dar cualquier tipo de valor. Por ejemplo, si ahora escribimos:
numero = "cinco"
Hemos cambiado no sólo el valor de la variable, sino también el tipo de variable,
la variable ahora tiene el valor de cadena de texto "cinco"
.
También podemos asignar a la variable un valor booleano:
numero = true
La variable ahora será del tipo booleano, y su valor será true
(verdadero)
El signo igual ( =
) es el operador de asignación. con el se da un nuevo
valor a las variables. La variable debe ponerse en el lado izquierdo del signo igual, mientras que el
nuevo valor que se le asigna se debe poner al lado derecho.
Podemos hacer las operaciones aritmeticas normales , suma, resta, multiplicación y división, sin más que poner los signos de las operaciones entre los números (o las variables que los contienen).
var suma = 3 + 2;//suma vale 5
var resta = 3 - 2;//resta vale 1
var multiplicacion = 3 * 2;//multiplicacion vale 6
var division = 3 / 2;//division vale 1.5
A estas cuatro operaciones podemos añadirle la operacion "modulo"; el módulo es el resultado del
resto de la división entre dos números enteros. su signo es %
(tanto por ciento).
var modulo = 5 % 3;//modulo vale 2
, ya que el resto de la división
de 5 entre 3 es 2.El signo menos ( -
) también podemos emplearlo para cambiar de signo a un número o
un conjunto de operaciones. Al igual que en el álgebra matemática, podemos emplear paréntesis para
agrupar expresiones: Ejemplos:
numero = -numero;//cambia de signo el valor de numero
var expresion1 = 3 + (2 * 5);//expresion1 = 13, la operación del paréntesis va primero.
var expresion2 = 3 + 2 * 5;//expresion2 = 25, Las operaciones se ejecutan en orden de aparición.
Además como ya hemos visto, el operador suma +
sirve también para unir
cadenas de texto.
var texto = "hola " + "amigos"//texto es ahora "hola amigos"
En ocasiones, el dato que tenemos es una cadena de texto con el número en lugar del
número. por ejemplo: a = "57"
; a es una cadena de texto con los caracteres 5 y 7, y no el
número 57, para cambiar el tipo de dato de cadena de texto a numérico usaremos la expresión Number(),
de la siguiente manera:
var a = "57";/El valor de - a - es una cadena de texto
a = Number(a); // ahora el valor de - a - es numérico.
Si el valor de la cadena que convertimos no es un número, la variable tendrá el valor NaN, este es un valor especial de javascript que indica que no es un número (Not a Number).
De forma análoga la expresion toString()
convierte cualquier otro elemento que no
lo sea en una cadena de texto, así para convertir un número en cadena de texto haremos lo siguiente:
var a = 43;/El valor es un número
a = toString(a); // ahora el valor es una cadena de texto - "43" -.
Daremos ahora un sencillo ejemplo de una página en la que usamos los operadores vistos anteriormente. Guardaremos la página, pues según vayamos viendo más operadores, los iremos añadiendo a esta misma página de ejemplo.
La página tendrá el siguiente código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Operadores de asignación compuesta</title> <style type="text/css"> h1 { text-align: center; font: bold 1.5em arial; padding: 0.5em; margin: 0;} h2 { text-align: center; font: bold 1.2em arial; padding: 0.2em; margin: 0;} p { text-align: left; font: 1em arial; padding: 0.1em; margin: 0; } div { border: 1px solid black; width: 45%; margin: 1%; padding: 1%; float: left} </style> </head> <body> <h1>Operadores aritméticos con javascript </h1> <p>En esta página vamos a ver los distintos operadores aritméticos con javascript.</p> <p>Para ello necesito que me des dos números con los que haremos las operaciones: </p> <script type="text/javascript"> var a = prompt("escribe un número"); var b = prompt("escribe otro número"); a = Number(a) b = Number(b) </script> <div> <h2>Operadores clásicos</h2> <script type="text/javascript"> var suma = a + b ; var resta = a - b; var multiplicacion = a * b; var division = a / b; var modulo = a % b document.write ("Suma: " + a +" + " + b + " = " + suma + "<br/>") document.write ("Resta: " + a +" - " + b + " = " + resta + "<br/>") document.write ("Multiplicación: " + a + " * " + b + " = " + multiplicacion + "<br/>") document.write ("División: " + a + " / " + b + " = " + division + "<br/>") document.write ("Módulo: " + a + " mod. " + b + " = " + modulo + "<br/>") </script> </div> </body> </html>
Y en el navegador la veremos igual que en el siguiente enlace:
Veamos cómo está construida la página:
En la cabecera, aparte del título, hemos puesto (destacado en verde) el estilo CSS que vamos a dar a los principales tipos de texto.
En el cuerpo del documento, después del título (etiqueta h1) y de la presentación(Párrafos),
hay un primer script, que mediante la instrucción prompt
, obliga al usuario a
definir los dos números con los que haremos después las operaciones, los cuales los guardamos
en las variables a
y b
.
Los datos obtenidos mediante la instrucción prompt
puede que no sean numericos,
(de hecho aunque insertemos números son interpretados como cadena de texto), por lo que mediante
la espresión Number()
transformamos los datos obtenidos en numéricos.
En un segundo script, dentro de una etiqueta <div>
, realizamos las operaciones,
y les asignamos un valor. (variables: suma, resta, multiplicacion, division, modulo
Mediante la instrucción document.write
escribimos el mensaje que queremos que
reciba el usuario. En el mensaje estarán incluidos los valores de los dos elementos con los
que operamos, su resultado y el tipo de operación que hemos hecho. Esto debemos escribirlo todo
de forma que en la página quede de una manera comprensible. Además al final debemos escribir
la cadena "<br/>"
, para que el siguiente elemento que escribamos ocupe la
línea inferior. Esto hace que tengamos que escribir varias variables y varias cadenas de texto
dentro de cada instrucción document.write()
, las cuales irán unidas por el signo
+
, de ahí la complejidad de lo escrito dentro del paréntesis de esta instrucción.
En la siguiente página veremos otro tipo de operadores numéricos, los operadores de incremento.
Sugerencias:
aprendeweb@aprende-web.net. Envia un
Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog
Más sobre anyelguti en http://anyelguti.16mb.com