Professor Jefferson Chaves

• Revisar conteúdo primeiro ano;

– JavaScript;

– Introdução;

– Variáveis;

– Tipos de dados;

– Operadores;

– Controles de fluxo;

10/03/2016 © P C F de Oliveira 2015 4

O que é JavaScript?

10/03/2016 © P C F de Oliveira 2015 5

Programa que automatiza a execução de tarefas que poderiam ser executadas uma a uma por um operador humano

comportamento

conteúdo/estrutura

estilo

Variáveis

var MYVAR, myvar, myVar, MyVar, MyVaR,

my_var;

10/03/2016 © P C F de Oliveira 2015 9

Variáveis

var idade = 55; var precoProduto = 28.75; var nome = “Arnold Schwarzenegger "; var acessoLiberado = true; var negativo = -1;

sinal de atribuição

10/03/2016 © P C F de Oliveira 2015 10

Variáveis

var idade = 55; var precoProduto = 28.75; var nome = “Arnold Schwarzenegger "; var acessoLiberado = true; var negativo = -1;

sinal de atribuição

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

não pode conter espaços

não pode conter caracteres especiais ( ! . , / \ + * = )

Variáveis

var idade = 25;

declara uma variável chamada idade e atribui a ela o valor 25

var nomeInstrutor = " Arnold Schwarzenegger";

atribui uma cadeia de caracteres (string) à variável nomeInstrutor

Variáveis

Variáveis

var acessoLiberado = true;

atribui o valor verdadeiro à variável acessoLiberado. Estes valores (true/false) são chamados de booleanos

Variáveis

var contador;

você está apenas declarando uma variável chamada contador para uso posterior

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

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

10/03/2016 © P C F de Oliveira 2015 19

var var1 = 8; alert (var1); //aparecerá uma caixa de // diálogo contendo // o valor 8

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

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

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

10/03/2016 © P C F de Oliveira 2015 23

var var1 = "bye"; alert (var1 + var1);

junta strings quando usado com elas. (chamado operador de concatenação)

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

Significado Sinal

Igualdade ==

Diferença !=

Menor <

Menor ou Igual <=

Maior >

Maior ou Igual >=

10/03/2016 © P C F de Oliveira 2015 26

Não confundir o sinal de atribuicao (=) com o sinal de igualdade (==)

Significado Símbolo

AND (E) &&

OR (OU) ||

NOT (NÃO) !

10/03/2016 © P C F de Oliveira 2015 28

IF simples

10/03/2016 © P C F de Oliveira 2015 29

Qual deles eu fico?

if (condição) { instrução 1; instrução 2;

⋮ instrução n; }

condição

instruções que serão executadas caso a condição seja verdadeira

bloco de instruções

<script> var idade = prompt("Digite sua idade"); if (idade >= 18) { alert("Maior de idade"); } alert("FIM"); </script>

<script> var idade = prompt("Digite sua idade"); if (idade >= 18) { alert("Maior de idade"); } alert("FIM"); </script>

usuário digitou 25. instrução do bloco será executada

10/03/2016 © P C F de Oliveira 2015 33

IF composto

if (condição) { instrução v1; instrução v2; ⋮ instrução vn; } else { instrução f1; instrução f2; ⋮ instrução fn; }

instruções que serão

executadas caso a condição seja

verdadeira bloco verdadeiro

instruções que serão executadas caso a condição seja falsa

bloco falso

<script> var idade = prompt("Digite sua idade"); if (idade >= 18) { alert("Maior de idade"); } else { alert("Menor de idade"); } </script>

<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

10/03/2016 © P C F de Oliveira 2015 37

While

while (condição) { instrução 1; instrução 2; ⋮ instrução n; }

condição

instruções que serão repetidas ENQUANTO a condição seja verdadeira

bloco de instruções

<script> var numero = 1; while (numero != 0) { numero = prompt("Digite um numero:"); alert(numero); } alert("FIM"); </script>

10/03/2016 © P C F de Oliveira 2015 40

For

for (inicialização; condição; incremento) { instrução 1; instrução 2; ⋮ instrução n; }

define quando o laço deve continuar

serão repetidas a cada iteração

bloco de instruções

acontece uma vez

acontece ao final de cada iteração, após o bloco de instruções

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

• 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.

• 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.