Introdução ao javascript ver material de apoio em downloads e também-referência livro javascript manzano.

Tamanho: px

Começar a partir da página:

Download "Introdução ao javascript ver material de apoio em downloads e também-referência livro javascript manzano."

Juliana Garrido Pacheco
8 Há anos
Visualizações:

1 Prof. Vania Gimenez- Notas de aula Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo O material de apoio hoje está em downloads : Resumo javascript, guia de referência rápida e também material de apoio javascript. Veja também alguns exemplo a seguir e outros dados em aula. Introdução ao javascript ver material de apoio em downloads e também-referência livro javascript manzano. O Javascript é uma linguagem interpretada e case sensitive. Principais OPERADORES + ADIÇÃO - SUBTRAÇÃO * MULTIPLIÇÃO / DIVISÃO % RESTO DA DIVISÃO Logicos && - e ou! not Relacionais >= maior ou igual <= menor ou igual == igualdade!= diferente Comandos de entrada: prompt Comandos de saída: 1-document.write saída em tela 2-alert (abre em uma janela Prof. Vania Gimenez Página 1

Exemplo 1- somente javascript sem utilizar formulários 4. <title>untitled</title> 7. <script language="javascript" type="text/javascript"> 8. <!-- 9. /* comentário Exemplo1 */ 10. var NOME; 11.

2 Exemplo 1- somente javascript sem utilizar formulários 4. <title>untitled</title> 7. <script language="javascript" type="text/javascript"> 8.  14. </script> 15. </body> 16. </html> Tente agora... No lugar do document.write escreva alert alert('oi ' + NOME + ' Seja bem vindo'); Exemplo 2 Concatenar- Obs. Utilizar função javascript e formulário.(onclick) Ler o nome; Ler o sobrenome; Concatenar o nome com o sobrenome para obter o nome completo; Apresentar o resultado; Prof. Vania Gimenez Página 2

1. <html> 2. <head> 3. <title>exemplo 2 Vgc- javascript</title> 4. </head> 5. <body> 6. <form name="form1"> 7. Entre com o nome...:<input type= text name="campo1"> 8. Entre com o sobrenome.

3 1. <html> 2. <head> 3. <title>exemplo 2 Vgc- javascript</title> 4. </head> 5. <body> 6. <form name="form1"> 7. Entre com o nome...:<input type= text name="campo1"> 8. Entre com o sobrenome..:<input type= text name="campo2"> 9. <input type="button" value="concatenar" onclick="mostranome()"> 10. </form> 11. <script language="javascript" type="text/javascript"> 12. <! var nome; 14. var sobrenome; 15. var nomecompleto; 16. function mostranome() 17. { 18. nome=document.form1.campo1.value; 19. sobrenome=document.form1.campo2.value; 20. nomecompleto=nome + " " + sobrenome; 21. alert ('oi ' + nomecompleto); 22. } 23. //--> 24. </script> 25. </body> 26. </html> Prof. Vania Gimenez Página 3

4 Exemplo 3- tostring()- transforma uma valor numérico em um string. 4. <title>exemplo 3 VGC- Javascript- Variaveis inteiras</title> 7. <h2> 8. <form name="form3"> 9. Entre com o primeiro valor:<input type="text" name="n1"> 10. <br> 11. Entre com o sengundo valor:<input type="text" name="n2"> 12. <br> 13. <input type="button" value="somar" onclick="soma()"> 14. </form> 15. <script language="javascript" type="text/javascript"> 16. <! var n1,n2,resultado; 18. function Soma() 19. { 20. n1=document.form3.n1.value; 21. n2=document.form3.n2.value; 22. resultado=parseint(n1)+ parseint(n2); 23. alert ('A soma equivale:'+ resultado.tostring()); 24. } 25. /* transforma um valor numerico em string.*/ 26. //--> 27. </script> 28. </h2> 29. </body> 30. </html> Prof. Vania Gimenez Página 4

5 Exercicio 4- parsefloat onfocus 4. <title>exemplo 4 VGC- onfocus</title> 7. <h2> 8. <form name="form4"> 9. Entre com o primeiro valor:<input type="text" name="campo1"> 10. <br> 11. Entre com o sengundo valor:<input type="text" name="campo2"> 12. <br> 13. Resultado automático: 14. <input type="text" name="saida" onfocus="soma()"> 15. </form> 16. <script language="javascript" type="text/javascript"> 17. <! var n1,n2,r; 19. function Soma() 20. { 21. n1=document.form4.campo1.value; 22. n2=document.form4.campo2.value; 23. r=parsefloat(n1)+ parsefloat(n2); 24. document.form4.saida.value=r.tostring(); 25. } Prof. Vania Gimenez Página 5

6 26. /* transforma um valor numerico em string.*/ 27. //--> 28. </script> 29. </h2> 30. </body> 31. </html> Exemplo5- Montar o programa em javascript sem utilizar formulários 1.Efetuar a leitura da variável HT(horas trabalhadas no mês) 2.Efetuar a leitura da variável VH(valor hora trabalhada) 3.Efetuar a leitura da variável PD(percentual de desconto) 4.Calcular o salário bruto SB (SB=HT*VH) 5.Calcular o total de desconto TD ( TD=(PD/100)*SB 6. Calcular o salário liquido SL (SL=SB-TD) 7. Apresentar os valor do salário liquido SL Solução 4. <title>exemplo 5 javascript Vgc</title> 7. <script language="javascript" type="text/javascript"> 8.  18. </script> 19. </body> 20. </html> Prof. Vania Gimenez Página 6

7 Exercícios: Ex1- Monte o programa utilizando javascript e depois monte a solução utilizando formulário com um botão (onclick) 1. Ler o valor do raio; 2. Ler o valor da altura; 3. Calcular o volume; 4. Apresentar o volume; Ex2-Ler dois valores e apresentar a diferença entre eles Ex3-Calcular a área do quadrado Ex4- Ler a temperatura em graus centigrados e apresenta-la em Fahrenheit. Utilize a seguinte fórmula :F=(9*C+160)/5 Ex5- Efetuar o calculo do reajuste do salários de um funcionário sabendo-se que teve um reajuste de 5%. Prof. Vania Gimenez Página 7

Documentos relacionados

Lista de operadores de comparação - > Maior que - < Menor que - <= Menor ou igual a - >= Maior ou igual a - === Igual a -!

Lista de operadores de comparação - > Maior que - < Menor que - <= Menor ou igual a - >= Maior ou igual a - === Igual a -! Página1 Javascript JavaScript (JS) é uma linguagem de programação client side Funciona no navegador do usuário. É uma linguagem baseada em objetos. "Walmir".length; 6 Para que serve - fazer websites responder