Вы находитесь на странице: 1из 4

Taller de profundizacin Codificacin en JavaScript

1. Debes tener claro que para codificar en javascript solo necesitas: *Un editor de texto plano(bloc de notas) *Un navegador(I.Explorer, Mozilla, chrome) 2. La estructura bsica es muy parecida al lenguaje interpretado XHTML, solo debes agregar algunas instrucciones bsicas para que el compilador interprete instrucciones algortmicas, te resalto en amarillo las instrucciones bsicas de javascript. <html> <head></head> <body> <script language= javascript> document.write(hola); </script> </body> </html> Las instrucciones resaltadas son primordiales en java, y deben ser escritas en minscula, ya que Java es sensible a la interpretacin de cdigos binarios. La instruccin: <script language= javascript> le indica al compilador que vas a codificar algoritmos en xhtml. Y la instruccin document.write(hola); es la que siempre vas a utilizar cuando quieras visualizar en pantalla un texto o el contenido de una variable, en el caso del ejemplo si tu ejecutas el programa en el navegador se visualizar la palabra hola. No te debes olvidar de la sintaxis de las instrucciones. En el caso de document.write debes escribir entre parntesis y entre comillas simples el texto que quieres visualizar. Importante: para poder visualizar el resultado del programa en el navegador primero debes guardar el archivo con extensin .html Ejemplo: programa1.html o programa1.htm Ejemplo prctico Te doy como ejemplo el siguiente ejercicio con su debida explicacin. Analzalo para que comprendas la sintaxis de la codificacin de variables. Construya un diagrama de flujo tal que dados los tres lados de un tringulo, pueda determinar su rea. Esta la calculamos aplicando la siguiente frmula: Area=s* (s l1) * (s-l2) *(s-l3) Donde S = (l1+l2+l3) /2 L1,L2,L3, son variables de tipo real que representan los tres lados y deben ser ingresadas por teclado. Parte 2. Realiza la codificacin del ejercicio en Java Script Etiqueta para obtener raz cuadrada Math.sqrt(x); donde X es la expresin. Parte1:

LECTURA DE DATOS. El ejercicio dice que L1,L2,L3 son variables que deben ser ingresadas por teclado

S=(L1+L2+L3)/2

PROCESO: operacin a realizar. En este caso nos dan la frmula para calcular el rea de un tringulo.

ESCRITURA Resultado que se debe arrojar el programa. En este caso el rea ya calculada

Si te das cuenta es ms fcil comprender la estructura de un algoritmo si realizas primero el diagrama de flujo. Entonces empecemos a programar 1. Abre el bloc de notas 2. Codifica las siguientes instrucciones, las cuales te explicar ms adelante <html> <head></head> <body>

<script language="javascript"> var L1; var L2; var L3; L1=prompt('ingresa el lado1:',''); L2=prompt('ingresa el lado2:',''); L3=prompt('ingresa el lado3:',''); var S=(parseInt(L1)+ parseInt(L2)+ parseInt(L3))/2; var area= Math.sqrt((S*(S-L1)*(S-L2)*(S-L3))); document.write('EL AREA ES:'); document.write('<br/>') document.write(area); </script> </body> </html> Explicacin: Al iniciar el programa codificas las instrucciones bsicas. Cmo vas a trabajar con variables necesitas declararlas, para ello utilizas la instruccin var, al ver el diagrama te das cuenta que son tres variables que debes declara, por esa razn utilizas var para declarar las tres variables( L1, L2, L3). Al ser variables estos datos cambiaran cada vez que se ejecute el programa, es por eso que deben ser digitados por teclado, para ello se utiliza la instruccin prompt cuya sintaxis es prompt(mensaje de peticin de datos, ); Entonces utilizas el prompt para pedir los datos de cada variable que declaraste. Ahora vas a comenzar con las operaciones que necesitas para calcular el rea. Como siempre te he dicho una operacin debe quedar asignada a una nueva variable pues necesita un espacio de memoria. Entonces la primera operacin que muestra el diagrama es la suma de los lados. Se declara una nueva variable en este caso S y se le asigna la operacin: var S=(parseInt(L1)+ parseInt(L2)+ parseInt(L3))/2;

Si te das cuenta se utiliza una nueva instruccin parseInt, esta instruccin la debes utilizar siempre que vayas a sumar datos, si no la utilizas simplemente ests uniendo caracteres mas no estas sumando(ojo la instruccin del parse es con i mayscula no con l) Luego se declara una nueva variable que va a contener la segunda operacin, en este caso rea la cual utiliza la palabra reservada Math.sqrt(expresin) Por ultimo necesitamos visualizar en pantalla el resultado para ello debes escribir la instruccin document.write Si utilizas comillas simples se va a visualizar un texto pero si utilizas el nombre de una variable se visualiza el contenido de esta. document.write('EL AREA ES:'); document.write('<br/>') salto de lnea document.write(area); y listo, con esta explicacin ests listo para programar en javascript sin temor a equivocarte. Exitos.

Вам также может понравиться