Disciplina:
MsC. Alexandro Vladno
Edmilson Campos
MsC. Fábio Procópio
Esp. Felipe Dantas
MsC. João Maria
MsC. Liviane Melo
Corpo docente:
Abordagem introdutória; modos de inserção no html; declaração de variáveis e operadores.
Autoria Web
AULA 14
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]) 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 ([email protected]) 18
▪
▪
<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]) 19
▪
<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]) 20
▪<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]) 21
▪
x=5; nomeCarro="Volvo";
Tem o mesmo efeito de:
var x=5; var nomeCarro="Volvo";
Edmilson Campos ([email protected]) 24
▪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]) 26
▪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]) 27