Professor Jefferson Chaves

• Revisar conteúdo primeiro ano;

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

comportamento conteúdo/estrutura

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;

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;

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

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

var var1;

alert (var1);

//aparecerá uma caixa de // diálogo contendo

// “undefined”

var var1 = null; alert (var1);

//aparecerá uma caixa de // diálogo contendo

// “null”

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

var var1 = 8; alert (var1);

//aparecerá uma caixa de // diálogo contendo

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

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)

||

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

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;

}

<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 (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 (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 número:"); alert(numero);

}

alert("FIM"); </script>

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

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 número 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.