Programação WEB I Estruturas de controle e repetição

Transcrição

1 Programação WEB I Estruturas de controle e repetição

2 Operadores de Incremento Operadores de incremento servem como expressões de atalho para realizar incrementos em variáveis

3 Operadores de Incremento Vamos Testar! Crie um script javascript e teste o funcionamento dos operadores de incremento, considerando que o valor de x=30 e y=5, imprima os resultados das expressões abaixo. a = x += y; a = x -= y; a = x *=y; a= x /=y;

4 Auto-incremento Atalhos para adicionar e remover 1 ao valor de uma variável. Teste o funcionamento dos operadores de Auto-incremento.

5 Pré-incremento vs Pós-incremento

6 Pré-incremento vs Pós-incremento Pré-Incremento: A operação é realizada antes da impressão da variável. Pós-Incremento: A operação é realizada apenas depois da impressão da variável.

7 Operadores de comparação Operadores de comparação se destinam a realizar operação de comparação entre dois operandos. O Retorno desta comparação é um operador booleano (True ou False) Operador Operação == Igualdade === Identidade!= Desigualdade!== Não identidade > Maior que < Menor que >= Maior que ou igual a <= Menor que ou igual a

8 Igualdade O operador de igualdade retorna true se o operando à esquerda for igual ao da direita e false caso o contrário. Vamos Testar! var x = 43; alert(x == 43); alert(x== 43 ); alert(x==45);

9 Identidade O operador de identidade retorna true se o operando à esquerda for idêntico ao da direita e false caso contrário. É verificado também se o tipo do dado é igual. Vamos Testar! var x = 43; alert(x === 43); alert(x=== 43 ); alert( 45 ===45);

10 Não igualdade,identidade Os operadores de não igualdade (!=) e não identidade (!==) funcionam ao contrário dos dois operadores anteriores. Retornam false se os operandos forem iguais e true caso contrário. Vamos Testar! var x = 43; alert(x!= 43); alert(x!== 43 ); alert( 45!== 45); alert( 45!= 45);

11 Maior que O operador maior que (>) retorna true se o operando à esquerda for maior que o da direita e false caso contrário. Vamos Testar! var x = 43; alert(x > 20); alert(x > 45 );

12 Menor que O operador menor que (>) retorna true se o operando à esquerda for menor que o da direita e false caso contrário. Vamos Testar! var x = 43; alert(x < 20); alert(x < 45 );

13 Maior que ou igual e menor que ou igual Os operadores maior que ou igual (>=) e menor que ou igual (<=) funcionam de forma semelhantes ao maior que e ao menor que, incluindo a cláusula de igualdade. Vamos Testar! alert(7 <= 20); alert(10 >= 2); alert( 5<=5);

14 Operadores Lógicos O uso dos operadores lógicos é para tomar decisões com base no retorno dos valores booleanos true e false Operador Operação && e lógico (AND) Ou lógico (OR)! Não lógico (NOT)

15 Lógico && O operador lógico AND retorna true se tanto o operando à esquerda como o da direita são verdadeiros, caso o contrário retorna false. Esta operação somente retorna true se ambos os operandos forem verdadeiros, caso um deles seja false, toda a operação é falsa. Vamos Testar! alert((12 > 3) && (10<=15)); alert((2>18) && (10<=15));

16 Lógico O operador lógico OR retorna true se um dos operandos for verdadeiro, caso o contrário retorna false. Esta operação somente retorna false se ambos os operandos forem falsos, caso um deles seja true, toda a operação é verdadeira. Vamos Testar! alert((10 > 5) (9<=13)); alert((5>10) (9<=13)); alert((5>10) (15<=13));

17 Lógico! O operador lógico NOT (!), quando colocado antes de um operando, inverte a condição boolena dele. Trata-se do operador de negação, caso uma operação seja true ela se torna false e vice versa. Vamos Testar! alert(!(10 > 5)); alert(!(5==10));

18 Estruturas condicionais Destinam-se a criar estruturas de testes condicionais, ou seja verificam uma expressão e tomam uma decisão baseadas no resultado. Normalmente, em javascript o fluxo do programa é linear: cada instrução é processada por vez, uma após a outra. Uma das abordagens mais comuns para se alterar o fluxo de um programa em javascript é por meio de uma instrução condicional. Podemos traduzir uma estrutura condicional assim: Teste esta expressão, se for verdadeira, faça isso, e se for falsa, faça aquilo.

19 IF A declaração if é a mais simples das estruturas de testes condicionais. Testa uma expressão e, caso seja verdadeira, executa o bloco de código que se segue. var x = 5; If(x == 5){ alert( A variável é igual a 5 ); }

20 IF Vamos testar Faça um programa que receba uma idade e verifique se esta idade é menor que 12, se for verdade imprima uma mensagem avisando que se trata de uma criança.

21 ElSE A declaração else é utilizada em conjunto com a declaração if e destina-se a uma tomada de decisão específica para caso o teste condicional resultar em falso. var x = 6; If(x == 5){ alert( A variável é igual a 5 ); }else{ alert( A variável não é igual a 5 ); }

22 IF... Else Vamos testar Crie um outro programa que recebe uma idade qualquer e executa um teste para verificar se esta idade é maior que 12 e menor que 18, caso seja verdadeiro imprima que esta pessoa é um adolescente, caso contrário imprima uma mensagem falando que esta pessoa não é um adolescente.

23 ELSE IF A declaração else if é utilizada em conjunto com a declaração if/else e destina-se a permitir um encadeamento de mais de dois testes para uma tomada de decisão. Com esta declaração uma expressão é testada duas ou mais vezes e quando um teste resulta em verdadeiro, executa o bloco de código a seguir, caso nenhuma resulte em verdadeiro, o bloco de código após o else é executado. var x = 7; If(x == 5){ alert( A variável é igual a 5 );} Else if(x==6){ ( A variável é igual a 6 );} else{ alert( A variável não é igual a 5 nem a 6 );}

24 ELSE IF Vamos Testar! Incremente o programa anterior utilizando (IF, ELSE e ELSE IF) para testar uma idade recebida e retornar qual a descrição se encaixa melhor. Menor ou igual a 12 anos - Criança Maior que 12 e menor ou igual 15 Pré- Adolescente Maior que 15 e menor que 21 Adolescente Maior ou igual a 21 e menor que 60 Adulto Maior que 60 Idoso

25 Switch A declaração Switch destina-se a criar uma estrutura de testes condicionais que funciona à semelhança de um sistema de chaveamento. Tudo se passa como se o retorno de uma condição verdadeira ligasse uma chave desencadeando a execução de um bloco de código. Switch(expressão){ Case resultado 1: script 1; break; Case resultado 2: script 2; break; Default: script padrão;}

26 Switch Vamos Testar! Crie um programa que receba o seu nome e a sua idade, e logo depois um menu para que você possa selecionar as seguintes opções: 1 Imprimir o seu nome 2 Imprimir o ano aproximado do seu nascimento 3 Sair do programa sem imprimir nada

27 Estruturas para Loops Declarações for, while, do/while e for in destinam-se a criar loops ou estruturas de repetição, que são constituídos de blocos de código executados repetidas vezes até que se atinja uma determinada condição. Um loop basicamente testa uma condição e executa um código, a seguir testa novamente e executa o mesmo código, e assim por diante, até que a condição seja satisfeita. Atribua à variável i o valor 0 e enquanto a variável i for menor do que 10 mostre uma caixa de alerta com o valor de i.

28 FOR O bloco de código de um laço for deve ser processado com base em um conjunto fixo de circunstâncias. Sintaxe: for(inicialização; condição; modificação) {... }

29 FOR Exemplo: for (num = 1; num <= 10; num++) { document.write("o numero é " + num + "<br>\n ); } document.write('fim');

30 FOR Vamos Testar! Crie um programa que gere no documento a tabuada do número 2 utilizando a estrutura de repetição FOR. Utilize document.write para imprimir.

31 WHILE É a estrutura de repetição mais simples em JavaScript, testa uma condição no início de cada laço e continua se a expressão a ser avaliada continuar sendo verdadeira. Sintaxe: while(expressão) {... }

32 WHILE Exemplo: num = 0; While(num <= 10) { document.write("o numero é " + num + "<br>\n ); num++; } document.write('fim');

33 WHILE Vamos Testar! Obtenha um número digitado pelo usuário e repita a operação de multiplicar ele por três (imprimindo o novo valor) até que ele seja maior do que 100. Ex.: se o usuário digita 5, deveremos observar na tela a seguinte sequência: (utilize while()). Utilize document.write para imprimir.

34 DO WHILE Na expressão while vista anteriormente a expressão condicional é processada antes do laço ser executado. Se a condição for falsa o código nunca será executado. No Do While o código é executado ao menos um vez, já que a condição é testada depois da execução. Sintaxe: do {... } while(expressão)

35 DO WHILE Exemplo: num = 10; do { document.write("o numero é " + num + "<br>\n ); num++; } while(num < 10); document.write('fim');

36 Exercício Faça um programa que receba três números digitados pelo usuário e informe qual o maior e qual o menor destes números. Utilize estruturas de repetição e controle para receber ao menos 10 números vindos do usuário e imprimir se este número é par ou ímpar. Crie um programa que receba dois números e imprima todos os números entre eles.

37 Exercício Fazer um programa para ler o nome, 3 notas e mostrar a média com a mensagem: Inferior a 5,0 Reprovado De 5,1 a 6,9 Recuperação De 7,0 a 10 Aprovado Obs: mostrar o nome. Criar um programa para identificar se um dia da semana (numerados de 1 a 7) é dia de semana, fim de semana ou um dia inválido. Sendo que 1 é Segunda-Feira e 7 é Domingo. (Utilize Swith Case para isso) Por Exemplo: O usuário entra o número 6, o sistema deve retornar Sábado Fim de Semana.