JavaScript på svenska för nybörjare - grundkurs del 2

Texten här ovanför kan man placera på sidan på flera olika sätt.

Man kan skriva all text som vanligt mellan HTML-taggar, någonting i stil med

LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR LOOPAR 

Man kan också använda t ex JavaScript. Den JavaScript-kod man använder för att skriva något på en sida ser ut så här:

document.write()

Om man vill skriva ordet LOOPAR på sidan skriver man det mellan citationstecken och placerar det inne i parentesen, så här:

document.write("LOOPAR")

Om man vill skriva två rader där ordet LOOPAR förekommer tre gånger på varje rad kan man skriva så här:

document.write("LOOPAR LOOPAR LOOPAR ") document.write("LOOPAR LOOPAR LOOPAR ")

Om man tänker skriva en och samma sak ett antal gånger och vill slippa att skriva in allting ord för ord kan man i stället använda en loop.

Här följer en loop som skriver raden
LOOPAR LOOPAR
nio gånger:

var i=0
while (i<9)
{
document.write("LOOPAR LOOPAR ")
i++
}

Den här kodbiten börjar med att en variabel som här fått namnet i sätts till 0.
Den följande raden kan läsas "så länge som i är mindre än 9" så ska något hända.
Det som ska hända är att koden på de två raderna mellan krullparenteser ska utföras, dvs

text (LOOPAR LOOPAR) och HTML-taggar ska skrivas
variabeln i ska räknas upp med 1

Om man glömmer att räkna upp i kommer i att fortsätta vara 0 och därmed mindre än 9 och loopen kommer att hålla på i all oändlighet.

(i++ är samma sak som att skriva i=i+1.)

Om man placerar koden mellan SCRIPT-taggar och låter den utföras direkt när sidan laddas blir resultatet alltså:

FLER EXEMPEL
Här följer en loop som visar en alert fem gånger. Koden ser ut så här:

function iljalert()
{
var siffran=0
while(siffran<5)
{
alert("siffran = " + siffran)
siffran++
}
}
dvs en alert visas när siffran är lika med 0, när siffran är lika med 1, när siffran är lika med 2, etc. När siffran blivit lika med 5 uppfylls inte villkoret för loopen längre utan loopandet upphör:

alert!

continue
Här följer en loop som visar en alert fyra gånger. Koden ser ut så här:

function iljalert()
{
var talet=0
while(talet<5)
{
talet++
if(talet==3){continue}
alert("talet = " + talet)
}
}

när talet är lika med 3 kommer ordern continue och de följande satserna i loopen ignoreras; ingen alert visas utan i stället kollas villkoret igen och eftersom talet fortfarande är mindre än 5 räknas det upp, antar värdet fyra och en alert visas igen etc:

alert!

break
Här följer en loop som visar en alert två gånger. Koden ser ut så här:

function iljalert()
{
var min_variabel=0
while(min_variabel<5)
{
min_variabel++
if(min_variabel==3){break}
alert("min_variabel = " + min_variabel)
}
}

när min_variabel är lika med 3 upphör loopandet:

alert!

Sidan gjordes av

ilj@flowsim.se

Last modified: March 22, 1999

Om du ser denna sida som "lösblad"(och inte i ett tredelat framessystem) men vill se den i sitt sammanhang och komma vidare till våra andra sidor om HTML och JavaScript:
http://www.flowsim.o.se