JAVASCRIPT
Operadores
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
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
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
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
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
Operadores
• Operações com Strings
x = “”;
x += “Olá ”;
x += “Mundo ”;
x += “Cheguei ”;
x += “hoje.”;
alert (x);
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.
Declarações
• Linha ou um bloco de comandos que compõem um
script.
• Um programa é uma sequência de declarações.
Declarações
Declaraçõ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
var
• var nome1 [=valor1], [nome2 = valor2], ... , [nomen
= valorn];
• var x;
• var x=6;
• var x,y,z,w;
• var x=2,y=3;
function
function 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);
Estruturas Condicionais
if (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
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”);
};
for
for(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);
while
while (expressão)
{
//faça isso
};
var msg = “”, j = 0;
while (j <= 10)
{
msg += j + “, ”;
j++;
};
alert (msg);
do/while
do
{
//faça isso;
}while(expressão);
var msg = “”, j = 0;
do
{
msg += j + “, ”;
j++;
}while(j <= 10);
alert (msg);
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);
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());
};
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”);
};
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.

Java script aula 02 - operadores

  • 1.
  • 2.
  • 3.
    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
  • 4.
    Operadores • Precedência dosOperadores; • Ver tabela; • Associatividade dos Operadores; • a = 8 + 4 + 18 • x = y = 40 <=> (x = (y=40)) • y = 20; x = y = z; <=> erro! z é indefinida
  • 5.
    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
  • 6.
    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
  • 7.
    Operadores • Operações comstrings: “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
  • 8.
    Operadores • Operações comStrings x = “”; x += “Olá ”; x += “Mundo ”; x += “Cheguei ”; x += “hoje.”; alert (x);
  • 9.
    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.
  • 10.
    Declarações • Linha ouum bloco de comandos que compõem um script. • Um programa é uma sequência de declarações.
  • 11.
    Declarações Declarações Finalidades var Declararuma 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
  • 12.
    var • var nome1[=valor1], [nome2 = valor2], ... , [nomen = valorn]; • var x; • var x=6; • var x,y,z,w; • var x=2,y=3;
  • 13.
    function function 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);
  • 14.
    Estruturas Condicionais if (expressão) { //façaisso }; //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
  • 15.
    Estruturas Condicionais switch(expressão){ case resultado1: script1; break; caseresultado2: 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”); };
  • 16.
    for for(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);
  • 17.
    while while (expressão) { //faça isso }; varmsg = “”, j = 0; while (j <= 10) { msg += j + “, ”; j++; }; alert (msg);
  • 18.
    do/while do { //faça isso; }while(expressão); var msg= “”, j = 0; do { msg += j + “, ”; j++; }while(j <= 10); alert (msg);
  • 19.
    for/in for (variavel inobjeto) { //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);
  • 20.
    try/catch/finally try{ //script com possívelexceçã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()); };
  • 21.
    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”); };
  • 22.
    Exercícios • 1) Façauma 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.