5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

13

Click here to load reader

description

Curso Técnico de Gestão e Programação de Sistema Informáticos, ano lectivo 2010/2011.

Transcript of 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

Page 1: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

Estruturas de controlo

Agrupamento de Escolas da BatalhaMiguela FernandesJaneiro 2011

JAVASCRIPT

M5

Page 2: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

Sumário

Iremos abordar: Estruturas condicionaisJanelas de mensagensOperadoresFunçõesExemplo prático

MF. 2

Page 3: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

Estruturas condicionaiso São comandos que condicionam a execução

de certa tarefa dependendo da veracidade de determinada condição. Temos:

o Comando IF o Comando FOR o Comando WHILE

MF. 3

Page 4: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

Comando IF

if (condição) { Acção para condição verdadeira} //facultativoelse { acção para condição não satisfeita }

MF. 4

Page 5: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

Comando IF: exemplo<script type="text/javascript">var d = new Date();var time = d.getHours();

if (time < 12)  {  document.write(“Bom dia!");  }else  {  document.write(“Boa tarde!");  }</script>

MF. 5

Page 6: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

Comando FOR

for ( [inicialização/criação de variável de controlo ;] [condição ;] [incremento da variável de controlo] )

{ acção }

MF. 6

Page 7: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

Comando FOR: exemplo <html><head></head><body><script language="JavaScript" type="text/javascript">

for (x = 0 ; x <= 10 ; x++) {document.write ("X é igual a " + x +"<br>");

}</script></body></html>

MF. 7

Page 8: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

Comando WHILE o Executa uma acção enquanto determinada

condição for verdadeira. while (condição) { acção

}

MF. 8

Page 9: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

Comando WHILE: exemplo <html><head></head><body><script language="JavaScript" type="text/javascript">

var contador = 10while (contador >=1) { document.write(contador--+"<br>");

}</script></body></html>

MF. 9

Page 10: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

Comando switchswitch (condição) {case “cond1":acção;break;

case “cond2":acção;break;

// etc.case "", "?":default: “acçãopordefeito”;

MF. 10

Page 11: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

Comando switch : exemploswitch (pais) {case “A":

pais="Albania";break;

case “AL":pais="Algeria";break;

case “B":pais=“Brasil";break;

case "AG":pais="Angola";break;

case "", "?":default:

pais=“Código desconhecido";MF. 11

Page 12: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

Exercício práticoo Escreve uma função que tem como objectivo

informar se uma pessoa é maior ou menor de idade, recebendo como parâmetro a sua idade.

o Escreve um programa que informe o utilizador que região pertence caso digite:– C – centro– L- Lisboa e Vale do Tejo– N- Norte– A- Alentejo– AL- Algarve

MF. 12

Page 13: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

Webgrafia e Bibliografiao http://www.w3schools.com/JS/o http://javascript.internet.com/o https://woc.ipca.pt/est/class/getmaterial.do?idclass=

627&idyear=13

o Teagu, J. C. (2004). DHTML and CSS for the World Wide Web (2ª Ed.). USA:Peachpit Press.

MF. 13