JavaScript

Prof. Bruno Gomes

bruno.gomes@cefetrn.br

Autoria Web
Operador + em Strings
txt1="What a very";
txt2="nice day";
txt3=txt1+txt2;

• Após a execução, ext3 terá "What a verynice day".

• Para adicionar espaço entre very e nice:

txt1="What a very "; txt1="What a very";

txt2="nice day"; txt2="nice day";
txt3=txt1+txt2; txt3=txt1+" "+txt2;
Adicionando Strings e Números
• Se tentar adicionar string e número, o resultado
será String
x=5+5;
document.write(x);

x="5"+"5";
document.write(x);

x=5+"5";
document.write(x);

x="5"+5;
document.write(x);
Operadores de Comparação

Operador Descrição Exemplo

== É igual a x==8 is false
=== É exatamente igual a (valor e tipo) x===5 is true
x==="5" is false
!= Não é igual x!=8 is true
> Maior que x>8 is false
< Menor que x<8 is true
>= Maior igual que x>=8 is false
<= Menor igual que x<=8 is true
Operadores Lógicos

Operador Descrição Exemplo

&& and (x < 10 && y > 1) is true
|| or (x==5 || y==5) is false
! not !(x==y) is true
Operador Condicional
• Sintaxe:
nomeVariavel=(condição)?valor1:valor22

• Exemplo:

resultado=(a<b)?“a menor que b ":“a maior que b";

If...Else
• Declaração Condicional

• If:
– Usar caso queira executar um código se uma
condição for verdadeira:
if (condição)
{
código que será executado se a condição for verdadeira
}
If...Else
• If...else:
– Usar caso queira executar um código se uma
condição for verdadeira, e outro se a condição for
falsa
if (condição)
{
código que será executado se a condição for verdadeira
}
else
{
código que será executado se a condição for falsa
}
If...Else
• If...else if...else:
– Utilizado para selecionar um dos muitos blocos de código a
ser executado:
if (condição1)
{
código que será executado se a condição1 for verdadeira
}
else if (condição2)
{
código que será executado se a condição2 for verdadeira
}
else
{
código que será executado se a condição1 e condição 2 não
forem verdadeiras
}
Switch
• Utilizado para executar ações diferentes
baseadas em diferentes ações
switch(n)
{
case 1:
executa codigo do bloco 1
break;
case 2:
executa codigo do bloco 2
break;
default:
codigo para ser executado se n é
diferente do caso 1 e 2
}
For
• Executa um bloco de código um determinado
número de vezes ou enquanto uma condição
especificada for verdadeira

for (var=valorInicial;var<=valorFinal;var=var+incremento)
{
código a ser executado
}
While
• Executa um bloco de código um determinado
número de vezes ou enquanto uma condição
especificada for verdadeira

while (var<=valorFinal)
{
Código a ser Executado
}
do...while
• Variação do While
• Executa primeiro o bloco de código, e depois
repete a execução se a condição especificada
for verdadeira
do
{
Código a ser executado
}
while (var<=valorFinal);
Break e Continue
<script type="text/javascript"> script type="text/javascript">
var i=0; var i=0
for (i=0;i<=10;i++) for (i=0;i<=10;i++)
{ {
if (i==3) if (i==3)
{ {
break; continue;
} }
document.write(“O número é" + i); document.write(“O número é " + i);
document.write("<br />"); document.write("<br />");
} }
</script> </script>
Exercícios
• Crie uma página XTML vazia.
• 1 – Escreva um código JavaScript que imprima na
página a tabuada de 2 (Utilize for):
Exercícios
• 2 - Faça um código que receba um número n, e
imprima a sua tabuada.
• Dica: Utilize window.prompt(“Texto”) para o
usuário digitar um número e depois armazenar
em uma variável
Exercícios
• 3 - Elabore um código em JavaScript que receba 2 números
inteiros e mostre todos os números que estão entre o primeiro
e o segundo número informado.

• 4 – Crie um script que solicite ao usuário digitar um número

entre 1 e 10, e depois imprimirá o número digitado por extenso
(exemplo: 1 – um). Se ele digitar outro número que não esteja
entre 1 e 10, mostrar: “número invalido”. (Faça um código com
if...else, e depois outro com Switch).
• Dica: Quando for utilizar Switch, usar o método parseInt(texto)
para converter o número digitado pelo usuário para inteiro.