5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript
Click here to load reader
-
Upload
miguela-fernandes -
Category
Education
-
view
1.694 -
download
2
description
Transcript of 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript
![Page 1: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript](https://reader037.fdocumentos.com/reader037/viewer/2022100507/558b1239d8b42a7a1d8b459f/html5/thumbnails/1.jpg)
Estruturas de controlo
Agrupamento de Escolas da BatalhaMiguela FernandesJaneiro 2011
JAVASCRIPT
M5
![Page 2: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript](https://reader037.fdocumentos.com/reader037/viewer/2022100507/558b1239d8b42a7a1d8b459f/html5/thumbnails/2.jpg)
Sumário
Iremos abordar: Estruturas condicionaisJanelas de mensagensOperadoresFunçõesExemplo prático
MF. 2
![Page 3: 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript](https://reader037.fdocumentos.com/reader037/viewer/2022100507/558b1239d8b42a7a1d8b459f/html5/thumbnails/3.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100507/558b1239d8b42a7a1d8b459f/html5/thumbnails/4.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100507/558b1239d8b42a7a1d8b459f/html5/thumbnails/5.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100507/558b1239d8b42a7a1d8b459f/html5/thumbnails/6.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100507/558b1239d8b42a7a1d8b459f/html5/thumbnails/7.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100507/558b1239d8b42a7a1d8b459f/html5/thumbnails/8.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100507/558b1239d8b42a7a1d8b459f/html5/thumbnails/9.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100507/558b1239d8b42a7a1d8b459f/html5/thumbnails/10.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100507/558b1239d8b42a7a1d8b459f/html5/thumbnails/11.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100507/558b1239d8b42a7a1d8b459f/html5/thumbnails/12.jpg)
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](https://reader037.fdocumentos.com/reader037/viewer/2022100507/558b1239d8b42a7a1d8b459f/html5/thumbnails/13.jpg)
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