declaração de variáveis e operadores. · var x; var nomeCarro; var x=5; var nomeCarro="Ford"; 24 Edmilson Campos (edmilson.campos@ifrn.edu.br)
Post on 03-Aug-2020
13 Views
Preview:
Transcript
Disciplina:
http://edmilsoncampos.net
edmilson.campos@ifrn.edu.br
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 (edmilson.campos@ifrn.edu.br)2
Edmilson Campos (edmilson.campos@ifrn.edu.br)3
▪
»
»
»
»
▪
»
»
»−
Edmilson Campos (edmilson.campos@ifrn.edu.br)4
▪
▪
▪
▪
▪
»
▪
Edmilson Campos (edmilson.campos@ifrn.edu.br)5
▪
▪
▪
▪
▪
▪
▪
Edmilson Campos (edmilson.campos@ifrn.edu.br)6
▪
▪
▪
▪
▪
Edmilson Campos (edmilson.campos@ifrn.edu.br)7
▪
<html><head>
...</head><body>
<script type="text/javascript">...
</script></body>
</html>
Edmilson Campos (edmilson.campos@ifrn.edu.br)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 (edmilson.campos@ifrn.edu.br)9
▪
▪»
»
<html><body>
<script type="text/javascript"><!--
document.write(“Olá Mundo!");-->
</script></body>
</html>
Edmilson Campos (edmilson.campos@ifrn.edu.br)10
▪
»
▪
»
Edmilson Campos (edmilson.campos@ifrn.edu.br)11
▪»
»
<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 (edmilson.campos@ifrn.edu.br)12
▪»
»
<html><head></head><body>
<script type="text/javascript">document.write("Essa mensagem é escrita pelo Javascript");
</script></body>
</html>
Edmilson Campos (edmilson.campos@ifrn.edu.br)13
▪»
»
<html><head>
<script type="text/javascript">...
</script></head><body>
<script type="text/javascript">...
</script></body>
</html>
Edmilson Campos (edmilson.campos@ifrn.edu.br)14
▪
▪
▪
▪<html>
<head><script type="text/javascript" src="xxx.js"></script>
</head><body></body>
</html>
Edmilson Campos (edmilson.campos@ifrn.edu.br)15
▪
▪
▪
▪
Edmilson Campos (edmilson.campos@ifrn.edu.br)17
▪
▪
<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 (edmilson.campos@ifrn.edu.br)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 (edmilson.campos@ifrn.edu.br)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 (edmilson.campos@ifrn.edu.br)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 (edmilson.campos@ifrn.edu.br)21
▪<html>
<head></head><body>
<script type="text/javascript">document.write("Olá"); // Escreve "Olá"document.write("Dolly!"); // Escreve "Dolly!"
</script></body>
</html>
Edmilson Campos (edmilson.campos@ifrn.edu.br)22
▪
▪
▪
»
»
Edmilson Campos (edmilson.campos@ifrn.edu.br)23
▪
▪
▪
▪
var x;var nomeCarro;
var x=5;var nomeCarro="Ford";
Edmilson Campos (edmilson.campos@ifrn.edu.br)24
▪
x=5;nomeCarro="Volvo";
Tem o mesmo efeito de:
var x=5;var nomeCarro="Volvo";
Edmilson Campos (edmilson.campos@ifrn.edu.br)25
▪
▪
var x=5;var x;
Edmilson Campos (edmilson.campos@ifrn.edu.br)26
y = x-5;z = y+5;
▪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 (edmilson.campos@ifrn.edu.br)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 (edmilson.campos@ifrn.edu.br)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 (edmilson.campos@ifrn.edu.br)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 (edmilson.campos@ifrn.edu.br)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 (edmilson.campos@ifrn.edu.br)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 (edmilson.campos@ifrn.edu.br)32
»
−
»−
−
−
−
−
−
▪
▪
▪
»
»
▪
»
»
▪
▪
»
»
▪
»
▪
▪
Edmilson Campos (edmilson.campos@ifrn.edu.br)38
1.
2.
3.
top related