En aquest mòdul hem vist algunes declaracions bàsiques del JavaScript. Tenen en comú que totes controlen el flux del programa.

Els bucles (for i while), amb l'ajut dels Arrays i objectes, permeten simplificar les estructures repetitives i estalviar temps.

Amb els condicionals i selectors podem dirigir el flux en un o altre sentit, de tres maneres: preguntant l'usuari (prompt i confirm), de forma aleatòria (random) i a partir de les dades del programa. Tot això amb eleccions binàries (if...else) o multiopció (switch).

També hem introduït alguns conceptes força útils: declaració, assignació, operacions i comparació de variables i valors; constructors (new), propietats (lenght, href, ...) i mètodes (parseInt, indexOf, reload,...) dels objectes; trucs, receptes i, fins i tot, un petit joc.

És l'hora de posar en pràctica els aprenentatges.

  Exercici
Es tracta de fer:

1.- Els enllaços dels mòduls a la pàgina principal, utilitzant JavaScript (tindrem el codi).
2.- Els altres enllaços de la pàgina principal.
3.- La pàgina "index.htm" del mòdul 2, amb enllaços a quatre (o més) pràctiques.
4.- Les pràctiques enllaçades, evidentment.

En primer lloc, farem el menú d'enllaços als mòduls de la pàgina d'entrada, en JavaScript. Utilitzem la tècnica que hem vist al segon exemple de la pràctica 2.

Obrim la pàgina amb el Dreamweaver, ens situem a la "vista de código" i busquem la taula dels menús, (a l'esquerra si hem seguit el model), l'esborrem i, en el seu lloc, hi posem això:

  <table width="168" border="0" cellspacing="1" cellpadding="2">
<script language="javascript">
<!--
var menu = new Array(

for( var i=0; i<menu.length; i=i+2 ){
  var url = menu[i];
  var nom = menu[i+1];
  document.writeln( '<tr><td class="menu"><a href=" ' + url + '">&nbsp;' ) ;
  document.writeln( '<b>' + ((i/2)+1) +'. </b>' + nom + '</a></td></tr>' ) ;
}
// -->
</script>
</table>
 
Bé, en aquest cas només es tractava de copiar i enganxar, perquè l'Array i el bucle ens els hem trobat fets. A partir d'aquest model, haurem de refer també els menús que hi ha a la dreta de la pàgina, que contenen enllaços a llocs relacionats.

Finalment, haurem de refer la pàgina "index.htm" de la carpeta "m2". Hi posarem enllaços als arxius de les pràctiques que hem guardat (quatre, com a mínim). Podem tornar a utilitzar el bucle JavaScript que hem fet a la pàgina principal, amb les variacions que calgui. També cal recordar que tenim un full d'estils a la rel que podem enllaçar.

Pel que fa als quatre (o més) arxius enllaçats, poden ser variacions (experimentar és la millor manera d'aprendre) sobre exemples de les pràctiques. Es poden anomenar de qualsevol manera, tot i que, és clar, es recomana "m2p1_1.htm", "m2p1_2.htm", ...

  Recomanacions
Utilitzem, sempre que sigui possible, les tècniques de copiar i enganxar amb el teclat: Control+C i Control+V respectivament. Així ens hi acostumarem.

En acabar aquest mòdul hem de tenir clares les estructures i la seva lògica. Si encara no hem memoritzat prou bé les instruccions i la sintaxi, no cal que ens preocupem, és normal. Durant el curs utilitzarem moltes vegades el que hem fet aquí, i ho incorporarem als nostres coneixements sense cap esforç.

Envieu un missatge a la vostra tutoria un cop l'exercici estigui penjat a Internet. Indiqueu sempre l'adreça de forma que s'hi pugui accedir directament.