Fundamentos Conceptuales de la Informática. Funciones. Prof. Manuel Rivas

Transcripción

1 Fundamentos Conceptuales de la Informática Funciones Prof. Manuel Rivas 1

2 Agenda Comentarios Funciones Botones de acción 15/10/2008 CI Fundamentos Conceptuales de la Informática 2 2

3 Comentarios en el BODY Para hacer un comentario dentro del cuerpo del documento HTML, se procede así: <!--comentario-> Ejemplo: 15/10/2008 CI Fundamentos Conceptuales de la Informática 3 3

4 Comentarios en el SCRIPT Para hacer un comentario dentro del código del algoritmo en javascript, se procede así: //comentario Ejemplo 15/10/2008 CI Fundamentos Conceptuales de la Informática 4 4

5 Funciones Definición: serie de instrucciones que englobamos dentro de un mismo proceso. Este proceso se podrá luego ejecutar desde cualquier otro sitio con solo llamarlo Una función se debe definir con una sintaxis especial: function nombrefuncion(parámetros) { instrucciones de la función } 15/10/2008 CI Fundamentos Conceptuales de la Informática 5 5

6 Funciones El parámetro de la función es opcional, es decir, no es obligatorio tenerlo Un parámetro es una dato de entrada para la función, el cual es procesado internamente y que luego se traduce en un resultado entregado por la función cuando esta es invocada Javascript posee funciones propias que pueden ser invocadas cuando se requiera 15/10/2008 CI Fundamentos Conceptuales de la Informática 6 6

7 Funciones Librería de funciones propias de javascript: eval(string) Recibe una cadena de caracteres y la ejecuta como si fuera una sentencia de Javascript. parseint(cadena,base) Recibe una cadena y una base. Devuelve un valor numérico resultante de convertir la cadena en un número en la base indicada. parsefloat(cadena) Convierte la cadena en un número y lo devuelve. 15/10/2008 CI Fundamentos Conceptuales de la Informática 7 7

8 Funciones Librería de funciones propias de javascript: escape(carácter) Devuelve un el carácter que recibe por parámetro en una codificación ISO Latin 1. unescape(carácter) Hace exactamente lo opuesto a la función escape. isnan(número) Devuelve un boleano dependiendo de lo que recibe por parámetro. Si no es un número devuelve un true, si es un numero devuelve false. Ejemplo: parseint(a) 15/10/2008 CI Fundamentos Conceptuales de la Informática 8 8

9 Funciones La clase Math proporciona los mecanismos para realizar operaciones matemáticas en Javascript. Algunas operaciones se realizan con los operadores aritméticos clásicos, como la multiplicación (*) o la suma (+), pero hay operaciones matemáticas que se tienen que efectuar usando la clase Math como pueden ser calcular un seno o hacer una raíz cuadrada. 15/10/2008 CI Fundamentos Conceptuales de la Informática 9 9

10 Funciones abs() Devuelve el valor absoluto de un número. El valor después de quitarle el signo. acos() Devuelve el arcocoseno de un número en radianes. asin() Devuelve el arcoseno de un numero en radianes. atan() Devuelve un arcotangente de un número. 15/10/2008 CI Fundamentos Conceptuales de la Informática 10 10

11 Funciones ceil() Devuelve el entero igual o inmediatamente siguiente de un número. Por ejemplo, ceil(3) vale 3, ceil(3.4) es 4. cos() Retorna el coseno de un número. exp() Retorna el resultado de elevar el número E por un número. floor() Lo contrario de ceil(), pues devuelve un número igual o inmediatamente inferior. 15/10/2008 CI Fundamentos Conceptuales de la Informática 11 11

12 Funciones log() Devuelve el logaritmo neperiano de un número. max() Retorna el mayor de 2 números. min() Retorna el menor de 2 números. pow() Recibe dos números como parámetros y devuelve el primer número elevado al segundo número. 15/10/2008 CI Fundamentos Conceptuales de la Informática 12 12

13 Funciones random() Devuelve un número aleatorio entre 0 y 1. round() Redondea al entero más próximo. sin() Devuelve el seno de un número con un ángulo en radianes. sqrt() Retorna la raiz cuadrada de un número. tan() Calcula y devuelve la tangente de un número en radianes. 15/10/2008 CI Fundamentos Conceptuales de la Informática 13 13

14 Funciones Ejemplo de una función implementada con javascript: 15/10/2008 CI Fundamentos Conceptuales de la Informática 14 14

15 Funciones Es una buena practica colocar los códigos de las funciones en el encabezado del documento, ya que así se separa de la codificación del contenido de la misma y se mantiene una estructura de diseño más clara 15/10/2008 CI Fundamentos Conceptuales de la Informática 15 15

16 Funciones Ejemplo: 15/10/2008 CI Fundamentos Conceptuales de la Informática 16 16

17 Botones de acción Para poder tener control sobre los algoritmos que se implementan, se utilizan botones El código HTML para colocar un botón es así: <input name="submit" width=80 type="button" value= NOMBRE" align=middle onclick= ACCION"> Ejemplo: <input type="button" value="sumar" align=middle onclick="suma()"> 15/10/2008 CI Fundamentos Conceptuales de la Informática 17 17

18 Botones de acción Ejemplo: 15/10/2008 CI Fundamentos Conceptuales de la Informática 18 18

19 Botones de acción La vista del documento hacia el usuario sería: 15/10/2008 CI Fundamentos Conceptuales de la Informática 19 19

20 Botones de acción El código completo del documento es: 15/10/2008 CI Fundamentos Conceptuales de la Informática 20 20

21 Botones de acción Existen las etiquetas <button> y </button> que permiten personalizar aún más los botones de acción Ejemplo: <button onclick= funcion() ><img src= imagen.jpg"></button> 15/10/2008 CI Fundamentos Conceptuales de la Informática 21 21

22 Botones de acción Ejemplo: 15/10/2008 CI Fundamentos Conceptuales de la Informática 22 22

23 Tablas El contenido de la información en el cuerpo del documento se puede estructurar mejor insertando tablas Se evita que los diseños se vean afectados por la configuración del los equipos de los usuarios 15/10/2008 CI Fundamentos Conceptuales de la Informática 23 23

24 Tablas Con la función insertar tabla de Frontpage, se pueden colocar tablas con el número de filas y columnas que se desee. Las celdas (intercepción de fila con columna) pueden contener todos los objetos que se quieran colocar en ellas Usando la opción propiedades de la tabla, puedo darle un formato personal a la misma 15/10/2008 CI Fundamentos Conceptuales de la Informática 24 24

25 Tablas Ejemplo de una tabla de dos filas por dos columnas 15/10/2008 CI Fundamentos Conceptuales de la Informática 25 25

26 Tablas Ejemplo del uso de una tabla (3 filas y 1 columna) para estructurar el documento con el algoritmo de suma Se pueden insertar comentarios sin afectar la estructura de la tabla 15/10/2008 CI Fundamentos Conceptuales de la Informática 26 26

27 Tablas Vista código 15/10/2008 CI Fundamentos Conceptuales de la Informática 27 27

28 Tablas Vista previa 15/10/2008 CI Fundamentos Conceptuales de la Informática 28 28