Você está na página 1de 18

Javascript - Sintaxe

ADEMIR MAZER JR http://www.winponta.com.br/moodle http://ademir.winponta.com.br

ademir.mazer.jr@gmail.com

Javascript Sintaxe

Texto puro Escrever dentro do HTML com a tag sintaxe


<script language="javascript"> window.alert(Hello world!); </script>

Escrever fora do HTML com a extenso .js

Ligar com a tag script

<script type="text/javascript" src="arquivoExterno.js"></script>

ademir.mazer.jr@gmail.com

Javascript Sintaxe

Rodamos javascript

Abrindo um arquivo html diretamente de nosso sistema de diretrio Publicando em um servidor web

ademir.mazer.jr@gmail.com

Javascript Sintaxe

Nomes de variveis

Comeam com letras No contm espaos Podem utilizar nmeros depois do primeiro carcter Aceitam linha sublinhada (underline) Ex: quantidade quantidade_1 ademir.mazer.jr@gmail.com q_2

Javascript Sintaxe

Declarao de variveis

Declarar variveis com a palavra-chave var

<script language="javascript"> var numUm = 20; var numDois = 30; window.alert(numUm + numDois); </script>

ademir.mazer.jr@gmail.com

Javascript Sintaxe

Sensvel ao contexto (Case sensitive) Diferencia variveis e funes com nomes de letras maisculas e minsculas

variavel diferente de vAriavel vvv <> Vvv <> vVv <> VVV <> vvV

ademir.mazer.jr@gmail.com

Javascript Sintaxe

Sentenas terminadas em ponto-e-vrgula


<script language="javascript"> window.alert('Observe o ponto-e-vrgula no final da instruo.'); </script>

ademir.mazer.jr@gmail.com

Javascript Sintaxe

Sentenas terminadas em ponto-e-vrgula


<script language="javascript"> window.alert('Observe o ponto-e-vrgula no final da instruo.'); </script>

ademir.mazer.jr@gmail.com

Javascript Sintaxe

Linhas de texto (strings), aspas duplas e aspas simples Uma string uma sequncia de texto formada por nmeros, letras, espaos ou qualquer outro caractere. strings estaro fechadas por aspas duplas ("meu texto") ou aspas simples ('meu texto') As aspas simples so usadas dentro de uma instruo com aspas duplas ou vice-versa.
ademir.mazer.jr@gmail.com

Javascript Sintaxe
<html> <body> <form> <input type="button" value="Clique Aqui"
onclick="window.alert( ' Estou estudando JavaScript agora. ' );">

</form> </body> </html>

ademir.mazer.jr@gmail.com

Javascript Sintaxe

Comentrios

<script language="javascript"> // este um comentrio de linha // A linha abaixo escreve o texto na pgina document.write('Este cdigo est comentado'); /* este um comentrio de bloco Ele pode avancar varias linhas */ </script>
ademir.mazer.jr@gmail.com

Javascript Sintaxe

Comentrios

<script language="javascript"> // este um comentrio de linha // A linha abaixo escreve o texto na pgina document.write('Este cdigo est comentado'); /* este um comentrio de bloco Ele pode avancar varias linhas */ </script>
ademir.mazer.jr@gmail.com

Javascript Sintaxe

Palavras reservadas

http://www.arquivodecodigos.net/arquivo/tutoriais/javascript/ http://www.w3schools.com/js/

Referncia com tutoriais e exemplos

ademir.mazer.jr@gmail.com

Javascript Sintaxe

Escopo de variveis

<html> <body> <script type="text/javascript"> var nome = 'Joao da Silva'; // declarando a varivel nome </script> <p>Paragrafo do HTML</p> <script type="text/javascript"> // pegamos o valor da varivel e o escrevemos na pgina document.write(nome); </script> </body> </html>
ademir.mazer.jr@gmail.com

Javascript Sintaxe

Escopo de variveis

<script type="text/javascript"> function local(){ // aqui declaramos a varivel nome dentro da funo // local() var nome = 'Maria Dolores'; } </script>

ademir.mazer.jr@gmail.com

Javascript Sintaxe

Exerccios
1

escreva um script em javascript que declare 2 variveis do tipo Numrico e 2 do tipo String As variveis do tipo numrico representam a idade de 2 pessoas As variveis do tipo String representam o nome Mostre o nome seguido da idade de cada uma das pessoas:

Em uma janela de mensagem Escrito no corpo do HTML Para escrever no corpo do HTML, cada uma das pessoas deve ser mostrada em um item de lista
ademir.mazer.jr@gmail.com

Javascript Sintaxe

Exerccios
2

escreva um script em arquivo externo ao HTML e insira ele no bloco HEAD Declare uma varivel para conter um valor auxiliar Imprima uma lista de 10 itens para comprar no mercado Cada item deve ser impresso com a nica variavel criada

ademir.mazer.jr@gmail.com

Javascript Sintaxe

Exerccios
3

Declare em um arquivo externo, em javascript, uma varivel contendo o cdigo necessrio para criar uma tabela com 3 colunas: cdigo, descrio, preo Uma varivel para fechar a tabela Em um arquivo HTML, faa a referncia para este arquivo, e monte duas tabelas de produtos, cada uma com 3 produtos, uma para aparelhos eletrnicos e outra para DVD

Monte as tabelas alternando o cabealho com a varivel declarada e o corpo em HTML puro
ademir.mazer.jr@gmail.com

Você também pode gostar