Programação WEB I Funções

Tamanho: px

Começar a partir da página:

Download "Programação WEB I Funções"

Domingos Deluca Miranda
7 Há anos
Visualizações:

1 Programação WEB I Funções

2 Funções As funções podem ser definidas como um conjunto de instruções, agrupadas para executar uma determinada tarefa. Dentro de uma função pode existir uma chamada a outra função. Para as funções podem ser passadas informações, as quais são chamadas de parâmetros. As funções podem ou não retornar alguma informação, o que é feito com o comando: Return.

3 Funções Funções são criadas a partir do agrupamento de várias de linhas de código que resolvem um problema específico Devem conter uma pequena quantidade de linhas e ser o mais genérica possível Uma função pode ser reaproveitada Diminui a complexidade do código, pois os problemas são divididos em problemas menores Aumenta a legibilidade do código O código de uma função não é executado até que a função seja explicitamente acionada

4 Vantagens de se utilizar Funções Torna a programação mais estruturada e modular Reduz o tamanho do código Torna a programação mais clara e inteligível Simplifica a depuração (eliminação de erros de programação

5 Funções

6 O que ocorre quando uma função é executada. Se a função possui parâmetros, os dados contidos na lista de parâmetros são atribuídos um a um para as variáveis da função. (variáveis locais). Em seguida o fluxo é desviado para o inicio do bloco de comandos da função. Caso seja executado um comando return, o valor de retorno volta ao programa principal ( ou ao programa que a chamou), substituindo com o valor a chamada da função. Caso não seja encontrado o comando return, a execução da função irá até o final, ou seja, até a ultima linha do bloco de comandos.

7 Funções <html> <head> <script type= text/javascript > function teste( ){ alert( Minha primeira Função ); } </script> </head <body> <input type= button onclick= teste() value= Clique Aqui /> </body> </html>

8 Função com Parâmetros <html> <head> <script type= text/javascript > function teste(texto ){ alert(texto); } </script> </head <body> <input type= button onclick= teste( Olá Mundo ) value= Clique Aqui /> </body> </html>

9 Funções que retornam valores <html> <head> <script type= text/javascript > function soma(a,b ){ var soma = a + b; return soma; } </script> </head <body> <input type= button onclick= alert(soma(5,3) value= Clique Aqui /> </body> </html>

10 Funções Recursivas Funções recursivas são aquelas que chamam elas próprias ( n ) vezes, até que uma parada estratégica aconteça, consequentemente o objetivo do programa é concluído. Para exemplificarmos a recursividade, vamos construir uma função para calcular o fatorial de um número qualquer digitado pelo usuário.

11 Funções Recursivas <html> <head> <title> Titulo do programa </title> <script type= text/javascript"> var num; function fatorial(a) { var tot; if ( a == 1 ) { return ( 1 ); } else { tot = a * fatorial( a - 1); } // chamada recursiva return( tot ); } num = window.prompt("digite o numero desejado: "); window.alert(fatorial(num)); </script> </head> <body></body> </html>

12 Variaveis Globais e Locais Lembrando: Variável local existe, e por consequência pode ser chamada, apenas no contexto da função a qual ela foi declarada. Por sua vez, uma variável é dita ser global quando existe em qualquer local do script. No javascript, conforme vimos anteriormente, a declaração de variáveis não é obrigatória.entretanto, ela é importante no contexto de ciclo de vida das variáveis

13 Exercícios Crie uma calculadora utilizando funções, em que cada operação matemática seja uma função diferente. Crie um botão para chamar cada função e dois botões para receber os números. Exiba uma mensagem com o resultado de cada operação.

14 Exercícios Escreva um programa que recebe o número de eleitores de um município, o número de votos brancos, nulos e válidos. Calcular e escrever no HTML o percentual que cada um representa em relação ao total de eleitores. Utilize uma Função para isto.

15 Exercícios Crie um script utilizando funções que receba o nome e a idade de 10 pessoas e coloque cada uma dessas pessoas em uma tabela com duas colunas. No final apresente qual é a pessoa mais nova e qual a mais velha. Utilize Document.Write para isso.

16 Exercícios Crie um sistema que ao um botão ser pressionado abre um Prompt com um menu com as possíveis opções do usuário 1 Cadastrar Aluno, 2- Imprimir Alunos, 3 Sair Ao digitar o número 1 deve aparecer um prompt para cadastrar o nome do aluno que deve ser armazenado em uma variável. Ao Digitar 2 os alunos devem ser impressos no documento Ao Digitar 3 o Sistema deve encerrar a aplicação.

Documentos relacionados

Programação WEB I Funções

Programação WEB I Funções Funções As funções podem ser definidas como um conjunto de instruções, agrupadas para executar uma determinada tarefa. Dentro de uma função pode existir uma chamada a outra função.