INF1030 Conceitos de Informtica *

Javascript

1
Aula 4 Desvio Condicional
Condicional Simples
Se Condio ento
comando

Condicional Composta
Se Condio ento
Comando1
seno
Comando2

Condicional Aninhada
Se Condio1 ento
Se Condio2
ento
Comando1
seno
Se Condio3
ento
Comando2
seno
Comando3

2
 Comandos Condicionais

if
if-else
switch-case
 Tomada de Deciso

Em alguns problemas, o que deve ser feito depende

do contexto (armazenado nos valores das variveis).
O algoritmo deve ser elaborado de forma a permitir
que os valores das variveis envolvidas sejam
analisada para tomar uma deciso.
preciso incluir uma instruo que controla a
execuo de um bloco de instrues, s permitindo
sua execuo quando uma condio for verdadeira.
Faa uma pgina para realizar o solicitado na
figura acima Quando o usurio clicar sobre o
boto Calcular, o IMC deve ser calculado (atravs
de uma funo) e exibido no campo IMC.

5
Como
enviar um
alerta para
quem est
abaixo do
peso?????

IMC4.html
6
Faa uma pgina para realizar o solicitado na figura
acima Quando o usurio clicar sobre o boto
Calcular, o IMC deve ser calculado (atravs de uma
funo) e exibido no campo IMC. Envia uma
mensagem de alerta para quem est abaixo do
peso ideal de acordo com a tabela abaixo:

Entradas
Idade, Peso, Altura
Sada
IMC( para todos)
Mensagem de alerta( s para os abaixo do peso)
7
DADOS DE ENTRADA O
EXECUTOR DEVER
ENVIAR UMA
MENSAGEM DE
ALERTA!!!

Se (IMC < 18.5)

enviar msg

IMC4.html
8
 Comando if
Utilizado quando deseja-se que uma determinada
ao seja realizada apenas quando uma condio
satisfeita
Sintaxe

2
1 )
)

.
.
.
. .
. .
. .
.
. i
 Comportamento do comando if
Condio
uma
expresso
lgica

if (condio)
{ Condio? F

bloco V
}
bloco
 Expresses lgicas (booleanas)

Uma expresso booleana construda atravs da

utilizao de operadores relacionais.
maior que (>),

menor que (<),

maior ou igual a (>=),

menor ou igual a (<=),

diferente de (!=),

equivalente (==).
 *Operadores Relacionais
Equivalente ==
a == b
Estritamente equivalente === (no h converso de
tipo)
a === b
Diferente !=
a != b
Estritamente diferente !== (no h converso de tipo)
a !== b
Menor <
a < b
Maior >
a > b
Menor ou igual <=
a <= b
Maior ou igual >=
a >= b
12
ENTRADA O EXECUTOR DEVER
ENVIAR UMA MENSAGEM DE
ALERTA!!!

Como enviar um
alerta para os
menores de idade
que esto abaixo
do peso?????

13 IMC4a.html
14
Faa uma pgina para realizar o solicitado na figura
acima Quando o usurio clicar sobre o boto
Calcular, o IMC deve ser calculado (atravs de uma
funo) e exibido no campo IMC. Envia uma
mensagem de alerta para os menores de idade
que esto abaixo do peso ideal de acordo com a
tabela abaixo:

15
 Se
imc<=18.5
E
Idade <18?

16
*Operadores Lgicos
Permitem operaes lgicas
compostas
&& operador E
if((a > b) && (a > c))
Se a maior do que b E a maior do que c
|| operador OU
if((a > b) || (a > c))
Se a maior do que b OU a maior do que c
! operador NO
if(!(a > b))
Se NO a maior do que b

17
 Expresses booleanas
Operadores lgicos combinam expresses ou
valores booleanos, resultando num valor
booleano
Conjuno (E- (0
&&)ou 1). Disjuno (OU-||)
Operando 1 Operando 2 Resultado Operando 1 Operando 2 Resultado

Falso Falso Falso Falso Falso Falso

Falso Verdadeiro Falso Falso Verdadeiro Verdadeiro

Verdadeiro Falso Verdadeiro

Verdadeiro Falso Falso

Verdadeiro Verdadeiro Verdadeiro

Verdadeiro Verdadeiro Verdadeiro

Negao (No-!)

Operando Resultado

Falso Verdadeiro

Verdadeiro Falso
19
20
Faa uma pgina para realizar o solicitado na figura
acima Quando o usurio clicar sobre o boto
Calcular, o IMC deve ser calculado (atravs de uma
funo) e exibido no campo IMC. Envia uma
mensagem de alerta para quem est fora do peso
ideal de acordo com a tabela abaixo:

21
Como enviar um
alerta para quem
est fora do peso
ideal??????
22
Faa uma pgina para realizar o solicitado na figura
acima Quando o usurio clicar sobre o boto
Calcular, o IMC deve ser calculado (atravs de uma
funo) e exibido no campo IMC. Envia uma
mensagem de alerta para os menores de idade
que esto abaixo do peso ideal ou para qualquer um
que esteja acima do peso ideal de acordo com a
tabela abaixo:

23
24
Faa uma pgina para realizar o solicitado na figura
acima Quando o usurio clicar sobre o boto
Calcular, o IMC deve ser calculado (atravs de uma
funo) e exibido no campo IMC. Enviar uma
mensagem de alerta caso no esteja no peso ideal
ou uma mensagem de parabenizao caso esteja
dentro do peso ideal de acordo com a tabela abaixo:

Entrada : idade,altura,peso
Sada: IIMC ( sempre)
PARABNS OU CUIDADO ( escolher uma
25
 Comando if-else
Utilizado quando se deseja escolher uma entre duas aes
possveis.
Deseja-se executar uma ao quando determinada condio
satisfeita ou outra ao quando a condio no
satisfeita 2
)
Sintax
1 e
) .
.
.
.
. .
. .
.
. i
Obs.:. o else no tem f
condio
.
 Comportamento:
Escolha entre alternativas

if (condio)
{ V F
Condio?
bloco 1
}
bloco 1 bloco 2
else
{
bloco 2
}
Classifique o
indivduo
28
Faa uma pgina para realizar o solicitado na figura
acima Quando o usurio clicar sobre o boto
Calcular, o IMC deve ser calculado (atravs de uma
funo) e exibido no campo IMC.e seu tipo de
acordo com a tabela abaixo:

29
30
Faa uma pgina para enviar uma saudao de
acordo com o horrio: Bom dia ( at s 12hs),
Boa Tarde ( entre 12 e 18hs) ou Boa
Noite(aps s 18hs)

Utilize:
data = new Date(); // retorna o dia
corrente
hora = data.getHours(); // retorna a hora
corrente

31
*Exemplo
<!DOCTYPE html ">
<html>
<head>
<title>Saudao</title>
</head>
<body>
<script type="text/javascript">
var data, hora;
data = new Date();
hora = data.getHours();
if (hora<12)
document.write("<b>Bom dia</b>");
else
if (hora<18)
document.write("<b>Boa tarde</b>");
else
document.write("<b>Boa noite</b>");
</script>
</body>
</html>

32
*Erros que eu no vou fazer
< !D O CTYPE htm l>
< htm l>
< head>
< m eta charset= "ISO -8859-1">
< title> Com parao< /title>
< /head>
< body>

< script type= "text/javascript">

var x, y, z;
x = parseFloat(prom pt("Entre com um nm ero"));
y = parseFloat(prom pt("Entre com outro nm ero"));
z = parseFloat(prom pt("Entre com m ais um nm ero"));
if(x> y> z) prom pt("O m aior nm ero foio prim eiro");
< /script>

< /body>
< /htm l>

33
*O Comando switch()-case
Quando necessitamos escolher uma
entre duas alternativas utilizamos o
comando if ou if-else.
Mas isto se torna extremamente
trabalhoso quando existem vrias
alternativas para se escolher
considerando apenas valores de uma
varivel. Nestes casos utiliza-se o
comando switch

34
 switch
Utilizado para substituir alguns casos particulares de
seleo. Utilizado apenas para igualdade com valores
inteiros ou caracteres.
switch (op)
{
case 1:
execute cdigo do bloco 1
brea
k;
case 2:
ex
ecut
e
cdi
go
do 10

bloc
switch - Exemplo 1

<html>
<head>
<title>Exemplo 1 - switch</title>
</head>
<body>
<script type="text/javascript">
str = window.prompt("Digite uma nota (de 1 a 3)",
""); num = parseInt(str);
switch(num)
{
case 1: window.alert("Insuficiente");
break;
case 2: window.alert("Mdio");
break;
default:window.alert("Excelente")
;
}
</script>
</body>
</html>

11
 switch - Exemplo 1

No exemplo 1 aparecer uma das opes:

Insuficiente ou
Mdio ou
Excelente

dependendo do valor fornecido pelo usurio

12
switch - Exemplo 2

<html>
<head>
<title>Exemplo 2 - switch</title>
</head>
<body>
<script type="text/javascript">
str = window.prompt("Digite uma nota (de 1 a 3)", "");
num = parseInt(str);
switch(num)
{
case 1: window.alert("Insuficiente");
case 2: window.alert("Mdio");
default: window.alert("Excelente");
}
</script>
</body>
</html>

13
 switch - Exemplo 2

Caso o usurio fornea o valor 1 sero exibidas

as 3 mensagens:
Insuficiente
Mdio
Excelente
Caso o usurio fornea o valor 2 sero exibidas
as 2 mensagens:
Mdio
Excelente
Nos demais casos ser exibida a mensagem:
Excelente

14
 Exerccios
1. Faa uma pgina onde o usurio ir fornecer
dois nmeros inteiros utilizando janela de
entrada. A pgina dever exibir os nmeros
em ordem crescente.
2. Faa uma pgina onde o usurio ir fornecer
seu salrio. A pgina dever exibir o valor do
desconto do inss. O valor do desconto do inss
10% do salrio, no podendo ultrapassar o
valor R$314,80.
3. Faa uma pgina onde o usurio ir fornecer
seu salrio. A pgina dever exibir o valor do
desconto do ir. O valor do desconto do ir
calculado da seguinte forma:
1. Salrio at 1000,00 isento
2. Salrio acima de 1000,00 at 1500,00 10%
do salrio
3. Salrio acima de 1500,00 25% do salrio
Exerccios
9. Faa uma pgina que crie um formulrio com campos para
preenchimento do sexo (F/M), idade, estado civil e o salrio
de uma pessoa. A pgina dever exibir o valor do bnus de
acordo com as regras abaixo:
Se for homem, solteiro e com menos de 30 anos

Penso = 25% do salrio

Se for homem e casado Penso = 30% do salrio

Se for mulher, casada e com menos de 40 anos

Penso = 30% do salrio

Se for mulher, casada e com mais de 40 anos

Penso = 35% do salrio

Se for mulher e solteira Penso = 25% do salrio

Nos demais casos a penso zero

17