JavaScript
Les 1


Tellen is een van de minst ingewikkelde bezigheden van een taal.

In HTML lukt het niet!


Voorbeeld van een JavaScript dat tot tien kan tellen.




Uitleg: Begin en einde.

JavaScript begint altijd met     < SCRIPT >
en eindigt met     < /SCRIPT >

Alles wat daar tussen in wordt geschreven is dus een JavaScript.

Het is echter netter om met     < script language="JavaScript"> te beginnen.

document.write

Toon de tekst Hallo Wereld op het scherm.

Om iets op het beeldscherm weer te geven wordt in JavaScript de instructie document.write gebruik.

In ons voorbeeld ziet het er als volgd uit:
<SCRIPT >
document.write("Hallo Wereld");
</SCRIPT >


De uitkomst is dan:     Hallo Wereld


Zo ver over het tonen van informatie.


i=1


Veel leuker is het om te manipuleren.
Dit kan met het gebruik van een variabele!
Een variabele is als het ware een soort doosje waar men iets tijdelijk in kan bewaren.
Ieder doosje wordt voorzien van een letter zo als a,b,c,d,e,...
Het maakt niet uit wat voor een letter.
De moeder van alle variabelen is de letter i.

Als men de variabele i een waarde toekent zo als bvb i=1 dan kan er mee gerekend worden.

natuurlijk kan de variabele ook zichtbaar worden gemaakt.

document.write(i);

De uitkomst is dan:     1

De tekst in het voorbeeld van     Hallo Wereld
document.write("Hallo Wereld"); staat tussen aanhaling tekens ".
Voor een numerieke variabele is dat niet van toepassing.

;

Let op dat iedere programmaregel met ; eindigt.

i++

De instructie i++ verhoogd de waarde die in de variabele aanwezig is met 1.
Als de startwaarde van de variabele 0 was, dan wordt de nieuwe waarde van i, 1.
Uiteraard worde de waarde als i al een was, twee.

while

While is een voorwaarde.

De voorwaarde is in het Nederlands zolang
Met while kan op de inhoud van een variabele worden getest.
Zolang (while) de inhoud van een variabele voldoet aan een voorwaarde kan een actie worden ondernomen of juist niet.
Dat wil zeggen, dat er getest word op de inhoud of waarde van een variabele.

In het voorbeeld testen wij of de variabele om de telling te beperken tot tien.
Dat ziet er uit als volgt:

while( i < 10 ) {i++; document.write ( i , " ha ha ","< br >"); }

In het Nederlands vertaald staat er, "zolang de inhoud van de variabele i kleiner is dan de waarde 10 ( while(i < 10) ), moet de daaropvolgende instructie"
{i++; document.write ( i , " ha ha ","< br >"); } worden uitgevoerd.

In de instructie staat dat de variabele i moet worden verhoogd met 1 (i++)
Vervolgens moet de inhoud van de variabele op het scherm worden getoond document.write (i,
met de tekst "ha ha" er achteraan, gevolgd door de bekende HTML- instructie
< br >(volgende regel)

De volledige tekst van het programmaatje ziet er als volgt uit:

< html >
< head >
< title > JavaScript voorbeeld 1
< /title >
< body >

< script language="JavaScript" >
document.write("Hallo Wereld,"," < br > "," < br > ");
document.write("Dit is mijn eerste tel-script!"," < br > ");
document.write("en ik kan tot 10 tellen"," < br > "," < br > ");

i = 0;
while( i < 10 ) { i++; document.write ( i , " ha ha "," < br > ); }

document.write ( < br > "," IS dat wat!"," < br > ");
< /script >
< /body >
< /html >