Professor Jefferson Chaves

Transcrição

1 Professor Jefferson Chaves

2 Revisar conteúdo primeiro ano; JavaScript; Introdução; Variáveis; Tipos de dados; Operadores; Controles de fluxo;

3

4 O que é JavaScript? 10/03/2016 P C F de Oliveira

5 Programa que automatiza a execução de tarefas que poderiam ser executadas uma a uma por um operador humano 10/03/2016 P C F de Oliveira

6 conteúdo/estrutura estilo comportamento

7

8 Variáveis var MYVAR, myvar, myvar, MyVar, MyVaR, my_var;

9 Variáveis sinal de atribuição var idade = 55; var precoproduto = 28.75; var nome = Arnold Schwarzenegger "; var acessoliberado = true; var negativo = -1; 10/03/2016 P C F de Oliveira

10 Variáveis sinal de atribuição var idade = 55; var precoproduto = 28.75; var nome = Arnold Schwarzenegger "; var acessoliberado = true; var negativo = -1; 10/03/2016 P C F de Oliveira

11 não pode conter caracteres especiais (!., / \ + * = ) não pode conter espaços var minha_var; Deve começar por uma letra (A-Z ou a-z) Após isto, quantas letras, números ou underscore (underline) você quiser

12 Variáveis var idade = 25; declara uma variável chamada idade e atribui a ela o valor 25

13 Variáveis var nomeinstrutor = " Arnold Schwarzenegger"; atribui uma cadeia de caracteres (string) à variável nomeinstrutor

14 Variáveis var acessoliberado = true; atribui o valor verdadeiro à variável acessoliberado. Estes valores (true/false) são chamados de booleanos

15 Variáveis var contador; você está apenas declarando uma variável chamada contador para uso posterior

16

17 var var1; alert (var1); //aparecerá uma caixa de // diálogo contendo // undefined // (i.e. indefinido)

18 var var1 = null; alert (var1); //aparecerá uma caixa de // diálogo contendo // null // (i.e. um valor nulo)

19 var var1 = 8; alert (var1); //aparecerá uma caixa de // diálogo contendo // o valor 8 10/03/2016 P C F de Oliveira

20 var var1 = 5.5; alert (var1 + var1); // aparecerá uma // caixa de // diálogo contendo // o valor 11

21 var var1 = "cinco"; alert (var1); //aparecerá uma caixa de // diálogo contendo // a cadeia de caracteres // "cinco"

22 var var1 = "bye"; alert (var1 + var1); //aparecerá uma caixa de diálogo contendo // a cadeia de caracteres "byebye"

23 var var1 = "bye"; alert (var1 + var1); junta strings quando usado com elas. (chamado operador de concatenação) 10/03/2016 P C F de Oliveira

24 Operadores (i.e. mostram o que o JS deve fazer)

25 Significado Sinal Igualdade == Diferença!= Menor < Menor ou Igual <= Maior > Maior ou Igual >=

26 Não confundir o sinal de atribuicao (=) com o sinal de igualdade (==) 10/03/2016 P C F de Oliveira

27 Significado Símbolo AND (E) && OR (OU) NOT (NÃO)!

28 IF simples 10/03/2016 P C F de Oliveira

29 Qual deles eu fico? 10/03/2016 P C F de Oliveira

30 condição bloco de instruções if (condição) { instrução 1; instrução 2; } instrução n; instruções que serão executadas caso a condição seja verdadeira

31 <script> var idade = prompt("digite sua idade"); if (idade >= 18) { alert("maior de idade"); } alert("fim"); </script>

32 usuário digitou 25. instrução do bloco será executada <script> var idade = prompt("digite sua idade"); if (idade >= 18) { alert("maior de idade"); } alert("fim"); </script>

33 IF composto 10/03/2016 P C F de Oliveira

34 instruções que serão xecutadas caso a condição seja verdadeira bloco falso if (condição) { instrução v1; instrução v2; instrução vn; } else { instrução f1; instrução f2; instrução fn; } bloco verdadeiro instruções que serão executadas caso a condição seja falsa

35 <script> var idade = prompt("digite sua idade"); if (idade >= 18) { alert("maior de idade"); } else { alert("menor de idade"); } </script>

36 <script> var idade = prompt("digite sua idade"); if (idade >= 18) { alert("maior de idade"); } else{ alert("menor de idade"); } </script> usuário digitou 14. instrução do bloco falso será executada

37 While 10/03/2016 P C F de Oliveira

38 condição bloco de instruções while (condição) { instrução 1; instrução 2; instrução n; } instruções que serão repetidas ENQUANTO a condição seja verdadeira

39 <script> var numero = 1; while (numero!= 0) { numero = prompt("digite um nu mero:"); alert(numero); } alert("fim"); </script>

40 For 10/03/2016 P C F de Oliveira

41 acontece uma vez define quando o laço deve continuar for (inicialização; condição; incremento) { instrução 1; serão instrução 2; repetidas a cada instrução n; iteração } acontece ao final de cada iteração, após o bloco de instruções bloco de instruções

42 <script> var numero = prompt( Digite o nu mero para qual deseja ver a tabuada. ); for (var i=1; i<=10; i++) { alert(numero*i); } alert( FIM. ); </script>

43 Escreva um programa que sorteie um número entre 0 e 5. Exiba um PROMPT que peça para o usuário adivinhar o números sorteado. O algoritmo deve solicitar uma nova tentativa ENQUANTO o usuário errar o número sorteado. Caso acerte, mostre uma mensagem parabenizando-o.

44 No programa anterior em cada tentativa, mostre na tela se o número escolhido é maior ou menor que o sorteado. Caso acerte, mostre uma mensagem parabenizando-o e mostre também quantas tentativas ele utilizou.