comment
IRC Chat
play_arrow
Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.

[JavaScript] 3 clase: Uso elemental de valores numericos

  • 0 Respuestas
  • 1469 Vistas

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado ANTRAX

  • *
  • Administrator
  • Mensajes: 5394
  • Actividad:
    35%
  • Reputación 31
  • ANTRAX
    • Ver Perfil
    • Underc0de
    • Email
  • Skype: underc0de.org
  • Twitter: @Underc0de
« en: 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
  1. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  2. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  3. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>suma</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  4. <No tienes permisos para ver links. Registrate o Entra con tu cuenta language="javascript">
  5. <!--
  6. var primerSumando=10, segundoSumando=5, suma;
  7. suma=primerSumando+segundoSumando;
  8. alert (suma);
  9. //-->
  10. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  11. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  12. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  13. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  14. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>

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
  1. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  2. <No tienes permisos para ver links. Registrate o Entra con tu cuenta><No tienes permisos para ver links. Registrate o Entra con tu cuenta>suma</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  3. <No tienes permisos para ver links. Registrate o Entra con tu cuenta language="javascript">
  4. <!--
  5. var primerSumando=10, segundoSumando=5, suma;
  6. suma=primerSumando+segundoSumando;
  7. alert ("La suma de 10 y 5 es igual a " + suma);
  8. //-->
  9. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  10. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  11. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  12. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  13. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>

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
  1. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  2. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  3. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>Ense;ando Javascript</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  4. <No tienes permisos para ver links. Registrate o Entra con tu cuenta language="javascript">
  5. var variable_1=10, variable_2=5;
  6. variable_1 += variable_2;
  7. alert ("La suma de 10 y 20 es " + variable_1);
  8. //-->
  9. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  10. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  11. <No tienes permisos para ver links. Registrate o Entra con tu cuenta></No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  12. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>

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
  1. <script language="javascript">
  2. <!--
  3. var minuendo=20, sustraendo=10, resta;
  4. resta=minuendo-sustraendo;
  5. alert (resta);
  6. //-->
  7. </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
  1. <script language="javascript">
  2. <!--
  3. var first=50, second=100, tercerista=150, cuarto;
  4. cuarto=tercerista-second-first;
  5. alert(cuarto);
  6. //-->
  7. </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
  1. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  2. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  3. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>Ense;ando Javascript</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  4. <No tienes permisos para ver links. Registrate o Entra con tu cuenta language="javascript">
  5. var variable_1=10, variable_2=5, multiplicacion;
  6. multiplicacion=variable_1*variable_2;
  7. alert (multiplicacion);
  8. //-->
  9. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  10. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  11. <No tienes permisos para ver links. Registrate o Entra con tu cuenta></No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  12. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>

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
  1. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  2. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  3. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>Ense;ando Javascript</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  4. <No tienes permisos para ver links. Registrate o Entra con tu cuenta language="javascript">
  5. var variable_1=10, variable_2=5, division;
  6. division=variable_1/variable_2;
  7. alert ("El resultado de la division de 10 y 5 es " + division);
  8. //-->
  9. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  10. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  11. <No tienes permisos para ver links. Registrate o Entra con tu cuenta></No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  12. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>

En la division no siempre resultara un numero exacto.

Tambien hay operaciones con unidades...

Código: Javascript
  1. <script language="javascript">
  2. <!--
  3. //Declaramos e inicializamos las variables de los operandos.
  4. var sumando_1 = 6.3, sumando_2 = 7.2, suma, linea_1;
  5. var minuendo = 4.7, sustraendo = 2.7, resta, linea_2;
  6. var multiplicando = 2.88, multiplicador = 3.432, producto, linea_3;
  7. var dividendo = 23.47, divisor = 8.36, cociente, linea_4;
  8.  
  9. //Calculamos los resultados.
  10. suma = sumando_1 + sumando_2;
  11. resta = minuendo - sustraendo;
  12. producto = multiplicando * multiplicador;
  13. cociente = dividendo / divisor;
  14.  
  15. //Preparamos los resultados para su presentacion.
  16. linea_1 = "La suma de " + sumando_1 + " y " + sumando_2 + " resulta: " + suma;
  17. linea_2 = "La reseta de " +minuendo + " y " + sustraendo + " resulta: " + resta;
  18. linea_3 = "El producto de " + multiplicando + " y " + multiplicador + "resulta: " + producto;
  19. linea_4 = "La division de " + dividendo + " y " + divisor + " resulta: " + cociente;
  20.  
  21. //Mostramos los resultadosSS
  22. alert (linea_1 + "\n" + linea_2 + "\n" + linea_3 + "\n" + linea_4);
  23. //-->
  24. </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.
« Última modificación: Abril 18, 2014, 11:21:24 am por Expermicid »


 

¿Te gustó el post? COMPARTILO!



[JavaScript][MEDIO] Texto que aparece palabra por palabra

Iniciado por ANTRAX

Respuestas: 0
Vistas: 1094
Último mensaje Febrero 24, 2010, 11:16:49 am
por ANTRAX
[JavaScript][MEDIO] Script ''cambia el color letra a letra''

Iniciado por ANTRAX

Respuestas: 0
Vistas: 1304
Último mensaje Febrero 24, 2010, 11:14:30 am
por ANTRAX
[JavaScript][BASICO] Resolver funciones matemáticas (Versión simple) By 2Fac3R

Iniciado por 2Fac3R

Respuestas: 0
Vistas: 1095
Último mensaje Diciembre 23, 2012, 12:55:06 am
por 2Fac3R
[JavaScript][AVANZADO] Trabajar con DOM desde Firefox e Internet Explorer

Iniciado por arthusu

Respuestas: 0
Vistas: 1556
Último mensaje Julio 16, 2011, 07:05:12 pm
por arthusu
[JavaScript][BASICO] Script Auto Subscribe Facebook

Iniciado por ANTRAX

Respuestas: 6
Vistas: 3837
Último mensaje Junio 18, 2013, 10:07:41 am
por WHK