[JavaScript] 3 clase: Uso elemental de valores numericos

ANTRAX · Febrero 24, 2010, 11:01:18 AM

Anteriormente hemos mencionado que la razon de ser de las variables numericas es poder realizar con ellas calculos aritmeticos.
Las posibiladades matematicas de Javascript son ampliisimas.

Empecemos por lo mas sencillo.

Suma.
La suma en JAvascript se lleva a cabo mediante el operador (+).
Veamos el siguiente script:

Código: html5

<html>
<head>
<title>suma</title>
<script language="javascript">
<!--
var primerSumando=10, segundoSumando=5, suma;
suma=primerSumando+segundoSumando;
alert (suma);
//-->
</script>
</head>
<body>
</body>
</html>

El resultado daria: 15.
De esta forma se lleva a cabo una suma simple en Javascript.
Podemos darle un poquito de mas clase con la concatenacion.(Algo que se lo deben saber porque lo di en la 2 clase).

Código: html5

<html>
<head><title>suma</title>
<script language="javascript">
<!--
var primerSumando=10, segundoSumando=5, suma;
suma=primerSumando+segundoSumando;
alert ("La suma de 10 y 5 es igual a " + suma);
//-->
</script>
</head>
<body>
</body>
</html>

Ahora sale con mas clase, jeje.
Da como resultado lo mismo que el script anterior a este.

Javascript nos proporciona otro operador para realizar una suma de una manera que podriamos llamarla"abreviada", especialmente
para los vagos. Se trata del signo (+=). Cuesta un poco familiarizarse con el, asi que empezemos desde ya!.

Presten atencion a ese script:

Código: html5

<html>
<head>
<title>Ense;ando Javascript</title>
<script language="javascript">
var variable_1=10, variable_2=5;
variable_1 += variable_2;
alert ("La suma de 10 y 20 es " + variable_1);
//-->
</script>
</head>
<body></body>
</html>

Este script dara el mismo resultado que el caso anterior.
Ejemplo:
variable_1 += variable_2;

es equivalente a:

variable_1= variable_1 + variable_2

Aunque con menos codigo escrito, es mas corto y mas sencillo y menos trabajos0.

Resta.

La resta se lleva a cabo mediante el signo (-), obvio...

Tambien facil, ejemplo:

Código: javascript

<script language="javascript">
<!--
var minuendo=20, sustraendo=10, resta;
resta=minuendo-sustraendo;
alert (resta);
//-->
</script>

El resultado es un famoso 10..
Al igual que en la suma, la resta se puede llevar a ccabo de muchos operandos.
Por ejemplo en este caso la hare de 3 , y para eso necesitamos 3 variables.

Código: javascript

<script language="javascript">
<!--
var first=50, second=100, tercerista=150, cuarto;
cuarto=tercerista-second-first;
alert(cuarto);
//-->
</script>

Resultado un 3men2 cero.

Tambien es valido lo mismo de la suma,
para los vagos, en la resta es est0,

variable_1 -= variable_2;

es equivalente a:

variable_1=variable_1-variable_2 .

Asi sera en casi todas las operaciones lo unico que variara xd, es el signo del operador.

Por ejemplo si es multiplicacion es *= , division /= .

Multiplicacion

Código: html5

<html>
<head>
<title>Ense;ando Javascript</title>
<script language="javascript">
var variable_1=10, variable_2=5, multiplicacion;
multiplicacion=variable_1*variable_2;
alert (multiplicacion);
//-->
</script>
</head>
<body></body>
</html>

Como ven se multiplica con el signo de asterisco (*).

Division

En Javascript y en la mayoria de los lenguajes se realiza con el signo de slash (/) .

Código: html5

<html>
<head>
<title>Ense;ando Javascript</title>
<script language="javascript">
var variable_1=10, variable_2=5, division;
division=variable_1/variable_2;
alert ("El resultado de la division de 10 y 5 es " + division);
//-->
</script>
</head>
<body></body>
</html>

En la division no siempre resultara un numero exacto.

Tambien hay operaciones con unidades...

Código: javascript

<script language="javascript">
<!--
//Declaramos e inicializamos las variables de los operandos.
var sumando_1 = 6.3, sumando_2 = 7.2, suma, linea_1;
var minuendo = 4.7, sustraendo = 2.7, resta, linea_2;
var multiplicando = 2.88, multiplicador = 3.432, producto, linea_3;
var dividendo = 23.47, divisor = 8.36, cociente, linea_4;

//Calculamos los resultados.
suma = sumando_1 + sumando_2;
resta = minuendo - sustraendo;
producto = multiplicando * multiplicador;
cociente = dividendo / divisor;

//Preparamos los resultados para su presentacion.
linea_1 = "La suma de " + sumando_1 + " y " + sumando_2 + " resulta: " + suma;
linea_2 = "La reseta de " +minuendo + " y " + sustraendo + " resulta: " + resta;
linea_3 = "El producto de " + multiplicando + " y " + multiplicador + "resulta: " + producto;
linea_4 = "La division de " + dividendo + " y " + divisor + " resulta: " + cociente;

//Mostramos los resultadosSS
alert (linea_1 + "\n" + linea_2 + "\n" + linea_3 + "\n" + linea_4);
//-->
</script>

Ahi anda el peque;o script rola de lo mas bien...

Bueno, este es algo tambien basico del cual deberan aprender para las proximas clases..

Tarea: Hacer un script igual al ultimo, pero que opere numeros enteros, lo postean y voy poniendo quien lo tiene perfecto.

----------------------------

By N3xtdoor.

[JavaScript] 3 clase: Uso elemental de valores numericos

ANTRAX

Febrero 24, 2010, 11:01:18 AM Ultima modificación: Abril 18, 2014, 11:21:24 AM por Expermicid