Abordagem introdutória; modos de inserção no html; declaração de variáveis e operadores.

Tamanho: px

Começar a partir da página:

Download "Abordagem introdutória; modos de inserção no html; declaração de variáveis e operadores."

Rebeca de Almeida
5 Há anos
Visualizações:

Disciplina: Autoria Web AULA 14 Abordagem

1 Disciplina: Autoria Web AULA 14 Abordagem introdutória; modos de inserção no html; declaração de variáveis e operadores. Adaptado do professor Bruno Gomes, IFRN Corpo docente: MsC. Alexandro Vladno Edmilson Campos MsC. Fábio Procópio Esp. Felipe Dantas MsC. João Maria MsC. Liviane Melo

2 2

3 3

4 4

5 5

6 6

7 7

8 <html> <head>... </head> <body> <script type="text/javascript">... </script> </body> </html> 8

9 <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> 9

10 <html> <body> <script type="text/javascript">  </script> </body> </html> 10

11 11

12 <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> 12

13 <html> <head> </head> <body> <script type="text/javascript"> document.write("essa mensagem é escrita pelo Javascript"); </script> </body> </html> 13

14 <html> <head> <script type="text/javascript">... </script> </head> <body> <script type="text/javascript">... </script> </body> </html> 14

15 <html> <head> <script type="text/javascript" src="xxx.js"></script> </head> <body> </body> </html> 15

16 16

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> 17

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> 18

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> 19

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> 20

21 <html> <head> </head> <body> <script type="text/javascript"> document.write( Olá"); // Escreve "Olá" document.write(" Dolly!"); // Escreve " Dolly!" </script> </body> </html> 21

22 22

23 var x; var nomecarro; var x=5; var nomecarro= Ford"; 23

24 x=5; nomecarro="volvo"; Tem o mesmo efeito de: var x=5; var nomecarro="volvo"; 24

25 var x=5; var x; y = x-5; z = y+5; 25

26 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 26

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 27

Documentos relacionados

Abordagem introdutória; modos de inserção no html; declaração de variáveis e operadores.

Disciplina: Autoria Web AULA 11 Abordagem introdutória; modos de inserção no html; declaração de variáveis e operadores. Adaptado do professor Bruno Gomes, IFRN Edmilson Campos, Prof. MsC. http://edmilsoncampos.net