Upload
others
View
14
Download
0
Embed Size (px)
Citation preview
Disciplina:
http://edmilsoncampos.net
Edmilson Campos, Prof. MsC.
Abordagem introdutória; modos de inserção no html; declaração de variáveis e operadores.
Autoria Web
AULA 11
Adaptado do professor Bruno Gomes, IFRN
Edmilson Campos ([email protected])3
▪
<html><head>
...</head><body>
<script type="text/javascript">...
</script></body>
</html>
Edmilson Campos ([email protected])8
▪
»
<html><head></head> <body>
<script type="text/javascript">document.write(“Olá Mundo!");
</script></body>
</html>
<html><head></head> <body>
<script type="text/javascript">document.write("<h1>Olá Mundo!</h1>");
</script></body>
</html>
Edmilson Campos ([email protected])9
▪
▪»
»
<html><body>
<script type="text/javascript"><!--
document.write(“Olá Mundo!");-->
</script></body>
</html>
Edmilson Campos ([email protected])10
▪»
»
<html><head>
<script type="text/javascript">function message(){
alert(" Essa caixa de alerta é chamada com o evento onload ");}
</script></head><body onload="message()"></body>
</html>
Edmilson Campos ([email protected])12
▪»
»
<html><head></head><body>
<script type="text/javascript">document.write("Essa mensagem é escrita pelo Javascript");
</script></body>
</html>
Edmilson Campos ([email protected])13
▪»
»
<html><head>
<script type="text/javascript">...
</script></head><body>
<script type="text/javascript">...
</script></body>
</html>
Edmilson Campos ([email protected])14
▪
▪
▪
▪<html>
<head><script type="text/javascript" src="xxx.js"></script>
</head><body></body>
</html>
Edmilson Campos ([email protected])15
▪
▪
<html><head></head><body>
<script type="text/javascript">document.write("<h1>Esse é um título</h1>");document.write("<p>Esse é um parágrafo.</p>");document.write("<p>Esse é outro parágrafo.</p>");
</script></body>
</html>
Edmilson Campos ([email protected])18
▪
<html><head></head><body>
<script type="text/javascript">{
document.write("<h1>Esse é um título</h1>");document.write("<p>Esse é um parágrafo.</p>");document.write("<p>Esse é outro parágrafo.</p>");
}</script>
</body></html>
Edmilson Campos ([email protected])19
▪
▪
<html><head></head><body>
<script type="text/javascript">// Escreve um título:document.write("<h1>Esse é um título</h1>");// Escreve dois parágrafos:document.write("<p>Esse é um parágrafo.</p>");document.write("<p>Esse é outro parágrafo.</p>");
</script></body>
</html>
Edmilson Campos ([email protected])20
▪
<html><head></head><body>
<script type="text/javascript">/*O código abaixo irá escrever um título e dois parágrafos*/
document.write("<h1>Esse é um título</h1>");document.write("<p>Esse é um parágrafo.</p>");document.write("<p>Esse é outro parágrafo.</p>");
</script></body>
</html>
Edmilson Campos ([email protected])21
▪<html>
<head></head><body>
<script type="text/javascript">document.write("Olá"); // Escreve "Olá"document.write("Dolly!"); // Escreve "Dolly!"
</script></body>
</html>
Edmilson Campos ([email protected])22
▪
x=5;nomeCarro="Volvo";
Tem o mesmo efeito de:
var x=5;var nomeCarro="Volvo";
Edmilson Campos ([email protected])25
▪Operador Descrição Exemplo Resultado
+ Adição x=y+2 x=7
- Subtração x=y-2 x=3
* Multiplicação x=y*2 x=10
/ Divisão x=y/2 x=2.5
% Módulo (resto da divisão) x=y%2 x=1
++ Incremento x=++y x=6
-- Decremento x=--y x=4
Edmilson Campos ([email protected])27
▪Operador Exemplo Mesmo que Resultado
= x=y x=5
+= x+=y x=x+y x=15
-= x-=y x=x-y x=5
*= x*=y x=x*y x=50
/= x/=y x=x/y x=2
%= x%=y x=x%y x=0
Edmilson Campos ([email protected])28
▪
▪
txt1="What a very";txt2="nice day";txt3=txt1+txt2;
txt1="What a very";txt2="nice day";txt3=txt1+" "+txt2;
txt1="What a very ";txt2="nice day";txt3=txt1+txt2;
Edmilson Campos ([email protected])29
▪
x=5+5;document.write(x);
x="5"+"5";document.write(x);
x=5+"5";document.write(x);
x="5"+5;document.write(x);
Edmilson Campos ([email protected])30
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
Edmilson Campos ([email protected])31
Operador Descrição Exemplo
&& and (x < 10 && y > 1) is true
|| or (x==5 || y==5) is false
! not !(x==y) is true
Edmilson Campos ([email protected])32
»
−
»−
−
−
−
−
−
▪
▪
▪
»
»
▪
»
»
▪
▪
»
»
▪
»
▪
▪