Operaciones en JavaScript

Tenemos otra posibilidad también muy interesante y es la de introducir el resultado de una operación como contenido de una variable. Por ejemplo:

var num1, num2, num3

var suma

num1=10

num2=15

num3=5

suma=num1+num2+num3

En este ejemplo, definimos cuatro variables (num1, num2, num3 y suma).

Luego asignamos los valores 10, 15 y 5 a las tres primeras variables

Por último asignamos a suma el resultado de num1+num2+num3, es decir 10+15+5, es decir, suma tendría el valor 30

Bueno ¡ya está bien de tanta teoría! vamos a ver en la práctica como se haría todo esto que estamos aprendiendo:

Lo primero que necesitamos es un documento HTML. Se supone a estas alturas que ya tienes conocimientos de cómo se hace esto. (si no es así puedes consultar tutoriales gratuitos en www.territoriopc.com )

Una vez que tengas el documento en pantalla, el código JavaScript debe ir dentro del cuerpo de la página (entre y )

En primer lugar, debes escribir:

Al final debería quedarnos algo parecido a esto:

¡Ya está! Ahora solo queda cargarlo en el navegador y…

… Si lo has hecho verás que el resultado es NADA

¿Cómo es posible? No aparecen las variables, ni los números ni el resultado de la suma ni nada de nada …

Eso es porque nuestro código JavaScript tiene un pequeño defecto. No le hemos indicado que nos muestre el resultado en pantalla

Para mostrar valores en pantalla existen varios métodos. El que vamos a utilizar ahora es alert() de la siguiente forma:

alert(suma)

¿Dónde debería aparecer esta línea? Evidentemente debería aparecer después de que se haya calculado el resultado de la suma (suma=num1+num2+num3).

Al final, el código debería parecerse a este:

Si vuelves a cargar el documento html en el navegador verás que aparece una pequeña ventana mostrando el valor 30 (resultado de suma). Este es el efecto de la función alert()

(Si no ves nada en el navegador, quizás debas pulsar el botón actualizar para que se recargue la página)

Podríamos mejorar algo más este programa modificando la línea

alert(suma)

por esta otra:

alert (“El resultado de la suma es “, suma)

Vuelve a recargar la página para comprobar el resultado

Escribir en la ventana del navegador

Si quieres escribir en la pantalla del navegador puedes utilizar: document.write() de la siguiente forma:

document.write(suma)

De esta forma, el resultado no aparecerá en una ventana independiente, sino en la misma ventana del navegador.

document.write(“El resultado de la suma es ” + suma)

Esto hará que delante de la variable suma aparezca el mensaje entre comillas Puedes intentar hacer varias pruebas. Modifica el código anterior para que realice operaciones diferentes: resta (-), división (/) o multiplicación (*). Añade variables o mensajes alert(). ¡Experimenta!

para hacerlo más interesante …