| |
|
|
|
|
Tutoriales
 |
Operaciones
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 <body> y </body>) En primer lugar, debes escribir: <SCRIPT LANGUAJE="JavaScript"> Esto indicará al navegador que lo que viene a continuación es código JavaScript. A continuación, vendría el código en sí, en este caso vamos a utilizar el último ejemplo en el que se sumaban tres números. Para terminar el código JavaScript tendríamos que indicarlo con </SCRIPT> Al final debería quedarnos algo parecido a esto: <SCRIPT LANGUAJE="JavaScript"> var num1, num2, num3 var suma num1=10 num2=15 num3=5 suma=num1+num2+num3 </SCRIPT> ¡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: <SCRIPT LANGUAJE="JavaScript"> var num1, num2, num3 var suma num1=10 num2=15 num3=5 suma=num1+num2+num3 alert(suma) </SCRIPT> 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 ... :�dice Tutorial de JavaScript:
| |
|
|
