JAVASCRIPT<br />
Linguagem de Programação<br />Case sensitive<br />Linguagem server/clientside<br />Sintaxe similar á linguagem C<br />Pode...
Incorporado ao HTML deve ser inserido entre as tag’s <script>:<br /><script type="text/javascript" language="javascript"><...
Conjunto de código que ao ser “chamado” executa alguma tarefa/operação.<br />Funções nativas<br />Funções criadas pelo pro...
Entrada de dados<br />Saída de dados<br />Estrutura de decisão<br />Laços de repetição<br />JavaScript<br />
Eventos<br />Prompts (Janela com campo de texto)<br />Confirm<br />Formulários<br />Entrada de Dados<br />
Qualquer acontecimento (click, carregar, passar o mouse, pressionar uma tecla) no navegador.<br />Quando ocorre um evento ...
onclick<br />onload<br />onblur<br />onmousemove<br />onselect<br />onunload<br />etc<br />Eventos<br />
<bodyonload="javascript:alert('Boa tarde!');"><br />	Minha página<br /></body><br />Eventos<br />
var nome = prompt('informe seu nome','');<br />Prompt<br />
O valor do prompt deve ser armazenado em uma variável:<br />var nome = prompt('informe seu nome','');<br />Prompt<br />
var decisao = confirm('Continuar?');<br />Confirm<br />
O valor do confirm deve ser armazenado em uma variável:<br />var decisao= confirm('Continuar?');<br />Confirm<br />
Formulário<br />
Regatar valor de formulário:<br />document.getElementById()<br />var nome = document.getElementById('campo_nome').value;<b...
document.write<br />alert<br />Inserir valor em objetos HTML<br />Saída de Dados<br />
document.write(‘Boa Tarde’);<br />document.write<br />
alert('Boa Tarde');<br />alert<br />
InnerHTML<br />document.getElementById('mensagem').innerHTML = 'Seja Bem Vindo';<br />Inserir valor em objetos HTML<br />
+<br />-<br />/<br />*<br />=<br />Operadores<br />
==<br />><br /><<br />>=<br /><=<br />!=<br />Operadores<br />
if<br />switch<br />Estrutura de decisão<br />
if (condição)<br />{  código se a condiçãoverdadeira<br />}<br />else<br />{  código se a condiçãofalsa<br />}<br />if<br />
if (15 == 50){  alert(“Respostacerta”);<br />}else{ alert(“Respostaerrada”)<br />}<br />if<br />
For<br />while<br />do while<br />Laço de Repetição<br />
for (iniciação;condição;atualização)<br />{<br />	comandos executados em cada interação<br />} <br />for<br />
for (numero=1; numero<=10; numero++)<br />{<br />alert(numero + " "); <br />} <br />for<br />
Próximos SlideShares
Carregando em…5
×

Javascript

1.935 visualizações

Publicada em

Publicada em: Tecnologia
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.935
No SlideShare
0
A partir de incorporações
0
Número de incorporações
4
Ações
Compartilhamentos
0
Downloads
31
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Javascript

  1. 1. JAVASCRIPT<br />
  2. 2. Linguagem de Programação<br />Case sensitive<br />Linguagem server/clientside<br />Sintaxe similar á linguagem C<br />Pode ser incorporado ao arquivo HTML ou em um .js próprio<br />Funções<br />JavaScript<br />
  3. 3. Incorporado ao HTML deve ser inserido entre as tag’s <script>:<br /><script type="text/javascript" language="javascript"><br />document.getElementById('mensagem').innerHTML = 'Seja Bem Vindo';<br /></script><br />JavaScript<br />
  4. 4. Conjunto de código que ao ser “chamado” executa alguma tarefa/operação.<br />Funções nativas<br />Funções criadas pelo programador<br />Função<br />
  5. 5. Entrada de dados<br />Saída de dados<br />Estrutura de decisão<br />Laços de repetição<br />JavaScript<br />
  6. 6. Eventos<br />Prompts (Janela com campo de texto)<br />Confirm<br />Formulários<br />Entrada de Dados<br />
  7. 7. Qualquer acontecimento (click, carregar, passar o mouse, pressionar uma tecla) no navegador.<br />Quando ocorre um evento pode-se executar algum código javascript ou fazer a chamada para alguma função<br />Eventos<br />
  8. 8. onclick<br />onload<br />onblur<br />onmousemove<br />onselect<br />onunload<br />etc<br />Eventos<br />
  9. 9. <bodyonload="javascript:alert('Boa tarde!');"><br /> Minha página<br /></body><br />Eventos<br />
  10. 10. var nome = prompt('informe seu nome','');<br />Prompt<br />
  11. 11. O valor do prompt deve ser armazenado em uma variável:<br />var nome = prompt('informe seu nome','');<br />Prompt<br />
  12. 12. var decisao = confirm('Continuar?');<br />Confirm<br />
  13. 13. O valor do confirm deve ser armazenado em uma variável:<br />var decisao= confirm('Continuar?');<br />Confirm<br />
  14. 14. Formulário<br />
  15. 15. Regatar valor de formulário:<br />document.getElementById()<br />var nome = document.getElementById('campo_nome').value;<br />Formulário<br />
  16. 16. document.write<br />alert<br />Inserir valor em objetos HTML<br />Saída de Dados<br />
  17. 17. document.write(‘Boa Tarde’);<br />document.write<br />
  18. 18. alert('Boa Tarde');<br />alert<br />
  19. 19. InnerHTML<br />document.getElementById('mensagem').innerHTML = 'Seja Bem Vindo';<br />Inserir valor em objetos HTML<br />
  20. 20. +<br />-<br />/<br />*<br />=<br />Operadores<br />
  21. 21. ==<br />><br /><<br />>=<br /><=<br />!=<br />Operadores<br />
  22. 22. if<br />switch<br />Estrutura de decisão<br />
  23. 23. if (condição)<br />{  código se a condiçãoverdadeira<br />}<br />else<br />{  código se a condiçãofalsa<br />}<br />if<br />
  24. 24. if (15 == 50){  alert(“Respostacerta”);<br />}else{ alert(“Respostaerrada”)<br />}<br />if<br />
  25. 25. For<br />while<br />do while<br />Laço de Repetição<br />
  26. 26. for (iniciação;condição;atualização)<br />{<br /> comandos executados em cada interação<br />} <br />for<br />
  27. 27. for (numero=1; numero<=10; numero++)<br />{<br />alert(numero + " "); <br />} <br />for<br />

×