Este documento apresenta uma introdução ao JavaScript, abordando tópicos como variáveis, constantes, arrays, janelas de mensagens, operadores, funções e um exemplo prático.
9. Variáveis (1) As variáveis são usadas para guardar valores. No Javascript não há necessidade de definir um tipo. As variáveispodemconterqualquer valor, taiscomo: números, strings, valoresbooleanosouobjectos. Exemplos: Idade=15; Nome=“MF”; Adivinha=“124”; MF. 3
10. Variáveis (2) As variáveis podem ser Locais ou Globais: Locais: são criadas dentro de uma função e existem apenas dentro da função. Globais: são criadas fora das funções e existem em qualquer parte do código. var x=2; vary=“2”; MF. 4
11. Constantes São variáveis que assumem um valor fixo. Usa-se habitualmente maiúscula, tal como no C. Exemplo: const ERR_INVALID_USERID; const ERR_INVALID_USERID = 300; ERR_INVALID_USERID = 300; MF. 5
12. Arrays var ar = newArray(20); //declara um array varnomes=[“joão”, “joana”, “marco”] ar[0]=10; ar[1]=“ok”; MF. 6
13. Arrays : exemplo var ar = newArray(10); //declara um array for (var i=0; i <= ar.length; i++){ document.writeln(“ar["+i+"]= " + ar[i]) } MF. 7
14. Janelas de mensagens (1) O JavaScript permiteutilizar 3 tipos de janelas de mensagensnaspáginas web: Mensagem de alerta Mensagem de confirmação Mensagem de input MF. 8
15. Janelas de mensagens: alerta As janelas de mensegemsãodefinidas com funções. Exemplo: alert(‘Oláaquiestamosnós com o javascript’); MF. 9
16. Janelas de mensagens: confirmação Janela de mensagem que retorna confirmação de OK ou CANCELAR A variávelresultadovaiconter um resultadoverdadeiro de clicar no OK e falsocasoseja no cancelar. resultado= confirm (‘Estás a gostar do Javascript’); MF. 10
17. Janelas de mensagens: input Esta janela recebe uma mensagem através da caixa de texto Input. A variávelresultadovaiconter um resultado do tipo string. resultado= prompt("Qual o teu nome?","Escreve a tua mensagem"); MF. 11
20. Funções (1) MF. 14 Uma função tem um conjunto de instruções, que só devem ser executadas quando a função for chamada. Deverão ser definidas no cabeçalho, preferencialmente. A sintaxe é: functionNomeFunção (Parâmetros) { instruções; }
21. Caracteres especiais - backspace - newlinecaracters - carriagereturn - tabcaracters // - Linha de comentário /*....*/ - Comentário com mais do que uma linha. “ ou ‘ – delimitadores para uma string. Caso seja necessário a sua utilização como parte da string, utiliza antes do " ou ‘. Exemplo: alert (“Vou usar asquot; e a "); MF. 15
23. Exercício prático Escreve uma função que calcule a soma de 2 números digitados pelo utilizador. MF. 17
24. Exercício prático Escreve uma função que tem como objectivo informar se uma pessoa é maior ou menor de idade, recebendo como parâmetro a sua idade. function Idade (Anos) { if (Anos > 17) { alert ("Maior de Idade") } else { alert ("menor de Idade") } } MF. 18
25. Webgrafia e Bibliografia http://www.w3schools.com/JS/ http://javascript.internet.com/ https://woc.ipca.pt/est/class/getmaterial.do?idclass=627&idyear=13 Teagu, J. C. (2004). DHTML and CSS for the World Wide Web (2ª Ed.). USA:Peachpit Press. MF. 19