Java script aula 02 - operadores

22
JAVASCRIPT Operadores

Transcript of Java script aula 02 - operadores

Page 1: Java script   aula 02 - operadores

JAVASCRIPTOperadores

Page 2: Java script   aula 02 - operadores

Operadores

Page 3: Java script   aula 02 - operadores

Operandos• 8 + 4 = 12 //número

• “8” + “4” = “84” // string

• “8.56” + 4 = “8.564” // string

• “8” * 4 = 32 //número

• 8 / “4” = 2 //número

• 8 + true = 9 //número

• “olá” + true = olátrue //string

• 8 * “olá” = //NaN não é número

• 8 + “olá” = 8olá //string

Page 4: Java script   aula 02 - operadores

Operadores

• Precedência dos Operadores;

• Ver tabela;

• Associatividade dos Operadores;

• a = 8 + 4 + 18

• x = y = 40 <=> (x = (y=40))

• y = 20; x = y = z; <=> erro! z é indefinida

Page 5: Java script   aula 02 - operadores

Operadores

• Operações Matemáticas = C

• Operações de Comparação

• Além das de C:

• === -> identidade

• !== -> não identidade

var x = 43 x == 43 //retorna true x == “43” //retorna true x == 67 //retorna false

var x = 43 x === 43 //retorna true x === “43” //retorna false 67 === “67” //retorna false

Page 6: Java script   aula 02 - operadores

Operadores

• Operações Lógicas

• &&, || e !

• Com o uso de dupla negação (!!), pode-se forçar qualquer variável a assumir um valor booleano:

var x = 30; alert(x); //alerta 30 alert(!!x); //alerta true

Page 7: Java script   aula 02 - operadores

Operadores• Operações com strings:

“Olá” + “Mundo!” = “OláMundo!”

“Olá ” + “Mundo!” = “Olá Mundo!”

“Olá ” + “Mundo! ” + “Cheguei” = “Olá Mundo! Cheguei”

“Olá” + 2 + 5 = “Olá25” //Da esquerda para a direita

2 + 5 + “Olá” = “7Olá” //Da esquerda para a direita

Page 8: Java script   aula 02 - operadores

Operadores• Operações com Strings

x = “”; x += “Olá ”; x += “Mundo ”; x += “Cheguei ”; x += “hoje.”; alert (x);

Page 9: Java script   aula 02 - operadores

Atividade

Exercícios  de  JavaScript  

1.  Faça  um  script  usando  a  caixa  de  diálogo  de  alerta  para  mostrar  o  seu  nome;  2.  Faça  um  script  usando  a  caixa  de  diálogo  de  Con?irmação  para  perguntar  se  o  usuário  tem  certeza  que  quer  continuar  navegando  no  site.  Se  sim,  mostre  o  seu  nome.  

3.  Faça  um  script  usando  a  caixa  de  diálogo  Prompt  para  pegar  o  nome  da  pessoa  e  em  seguida  mostrar  numa  caixa  de  Alerta.    

Exempo: var texto = prompt("Escreva um texto:", ""); 4.  Faça  um  script  usando  o  write  para  construir  um  o  texto  com  as  características  abaixo  feitas  em  HTML.  

5.  Coloque  um  botão  na  página  feita  no  exercício  anterior  que  quando  clicado,  mostre  a  mensagem:  “Trabalho  Concluído!!!“.  

Faculdade  de  Tecnologia  de  Jales    -­‐  FATEC  Jales  Olá  Mundo!  

Meu  primeiro  texto  em  HTML  feito  através  do  JavaScrip.  

           Seu  Nome.

Page 10: Java script   aula 02 - operadores

Declarações

• Linha ou um bloco de comandos que compõem um script.

• Um programa é uma sequência de declarações.

Page 11: Java script   aula 02 - operadores

DeclaraçõesDeclarações Finalidades

var Declarar uma variável

function Declarar uma função

return Retornar um valor

if/else Criar estrutura condicional

switch Criar estrutura condicional

case Usado em estrutura condicional switch

break Usado em estrutura condicional switch

default Usado em estrutura condicional switch

for Criar um loop

continue Reiniciar loop

while Criar estrutura de repetição

do/while Criar estrutura de repetição

for/in Criar loop em objeto

throw Sinalizar erros

try/catch/finally Tratar erros

with Alterar o escopo

; Declaração vazia

Page 12: Java script   aula 02 - operadores

var

• var nome1 [=valor1], [nome2 = valor2], ... , [nomen = valorn];

• var x;

• var x=6;

• var x,y,z,w;

• var x=2,y=3;

Page 13: Java script   aula 02 - operadores

functionfunction nomefuncao([arg1, arg2, ..., argn]) {

//script; };

Exemplo: function multiplica (x,y){

var resultado = x * y; alert(resultado);

};

Exemplo return: function soma (x,y){

return (x + y); }; var a = soma(3,2);

Page 14: Java script   aula 02 - operadores

Estruturas Condicionaisif (expressão) {

//faça isso }; //script continua

var idade = 3; if (idade <=11) {

alert(“Você é uma criança”); }; //script continua

if (expressão) {

//faça isso } else {

//faça aquilo }; //script continua

if (expressão) //faça isso

else //faça aquilo

//script continua

if (expressão) {

//faça isso } else if (expressão) {

//faça aquilo } else {

//faça este }; //script continua

Page 15: Java script   aula 02 - operadores

Estruturas Condicionais

switch(expressão){ case resultado1:

script1; break;

case resultado2: script2; break;

... default:

script_padrao; };

var estadoSul = “SC”; switch(estadoSul){

case “RS”: alert(“Rio Grande do Sul”); break;

case “SC”: alert(“Santa Catarina”); break;

case “PR”: alert(“Paraná”); break;

default: alert(“Não é sigla”);

};

Page 16: Java script   aula 02 - operadores

forfor(valor_inicial;condição;incremento) {

//faça isso; };

Exemplo: var msg = “”; for(var i=0;i<10;i++) {

msg += i + “, ”; }; alert (msg);

Exemplo: var msgp = “”; var msgi = “”; for(var i=0;i<20;i++){

if (i%2==0){ msgp += i + “-”;

} else{

msgi += i + “-”; }

}; alert (“pares: ”+ msgp); alert (“ímpares: ”+ msgi);

Page 17: Java script   aula 02 - operadores

whilewhile (expressão) {

//faça isso };

var msg = “”, j = 0; while (j <= 10) {

msg += j + “, ”; j++;

}; alert (msg);

Page 18: Java script   aula 02 - operadores

do/whiledo {

//faça isso; }while(expressão);

var msg = “”, j = 0; do {

msg += j + “, ”; j++;

}while(j <= 10); alert (msg);

Page 19: Java script   aula 02 - operadores

for/in

for (variavel in objeto) {

//faça isso; }

var Carro = {

marca:”Renault”, modelo: “Logan”, comprimento: “4.250mm”, largura: “1.735mm”, altura: “1.525mm”

};

var msg = “”, k; for (k in Carro) {

msg += k + “:” + Carro[k] + “\n”;

}; alert (msg);

Page 20: Java script   aula 02 - operadores

try/catch/finally

try{ //script com possível exceção

} catch (e){

//tratamento do erro } finally{

//script a executar ocorra ou //não a exceção

};

try{ var x = u; var y = x+2; alert (y);

} catch (e){

alert(e.message + “\n” + e.name + “\n” + e.toString());

};

Page 21: Java script   aula 02 - operadores

try catch finally throw

var x = prompt(“Entre um número maior que 0 e menor que 11”, “”); try{

if(x<=0) throw(“er1”);

if(x>=11) throw(“er2”);

if(isNaN(parseInt(x))) throw(“er3”);

} catch (e){

if (e == “er1”) alert(“O número deve ser maior que 0”);

if (e == “er2”) alert(“O número deve ser menor que 11”);

if (e == “er3”) alert(“Entre somente número maior que 0 e menor que 11”);

};

Page 22: Java script   aula 02 - operadores

Exercícios• 1) Faça uma calculadora usando JavaScript. Para isso utilize

ferramentas do JavaScript: caixas de diálogo.

• 2) Faça um programa que receba 10 números e conte quantos são pares, quantos ímpares e quantos são zeros.

• 3) Faça um programa, usando função, que receba um número usando uma janela de entrada, calcule o fatorial e imprima o resultado no html.

• 4) Faça um programa utilizando try/catch/finally/throw, que calcule se um número é primo. Não é permitido números negativos. Os números 0 e 1 não são primos, deem as mensagens.