Escolar Documentos
Profissional Documentos
Cultura Documentos
ademir.mazer.jr@gmail.com
Javascript Sintaxe
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
<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
ademir.mazer.jr@gmail.com
Javascript Sintaxe
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. ' );">
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/
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