Globale linker

JavaScript

Loops

Tenk deg at du ville lage et script hvor du ville at scriptet skulle utføre den samme operasjonen 50 ganger etter hverandre.

Et eksempel kan være at du ville at scriptet skulle lage en tabell hvor du sammeligner temperaturer i Fahrenheit og Celsius.
Scriptet skulle lage 50 linjer i en tabell som viser forskjellige temperaturer i de to skalaene.

Istedet for å skrive 50 nesten identiske scriptlinjer kunne du brukt loops for å utføre en slik oppgave.

Vi har to forskjellige typer loops: for og while.

for loopen brukes når vi på forhånd vet hvor mange ganger scriptet skal utføres. For eksempel hvis vi lage akkurat 50 linjer.

while loopen bruker vi når vi vil at loopen skal gjentas inntil en betingelse er innfridd.
For eksempel: hvis vi ville sette opp en tabell med oversikt over Celsius og Fahrenheit, og øke med 15 grader for hver rad, inntil vi når 1200 grader Celsius.

for loops

Syntax:
for (variabel = startverdi; variabel <= sluttverdi; variabel = variabel + forøkelsesfaktor)
{
// selve scriptet
}

Skriv inn et variabelnavn der det står variabel.
Skriv inn en startverdi for loopen der det står startverdi.
Skriv inn en sluttverdi for loopen der det står sluttverdi.
Skriv inn hvor mye du vil øke variabelverdien med hver gang loopen kjøres der det står forøkelsesfaktor.

NB! Forøkelsegraden behøver ikke være positiv, den kan også være negativ. Dessuten så kunne sammenligningen være en annen sammenligningsoperator enn mindre enn eller lik(<=), f.eks >, eller ==, etc.

Eksempel:

<html>
<head>
<title>Celsius-Fahrenheit Oversetter</title>
</head>

<body>
<table border=1>
<tr><th>CELSIUS</th><th>FAHRENHEIT</th></tr>
<script type="text/javascript" language="javascript">

/*vi begynner på 0 grader celsius, og fortsetter så lenge Celsius er mindre enn 50, og øker med 1 grad for hver gang loopen kjøres*/

for (celsius=0; celsius<=50; celsius++)
{
document.write("<tr><td>" + celsius + "</td><td>" + ((celsius*9/5) + 32) + "</td></tr>");//dette er en linje
}
</script>
</table>
</body>
</html>

Klikk for å se resultatet av koden

while loops:

Syntax:
while (variabel <= sluttverdi)
{
// selve scriptet.
}

Skriv inn et variabelnavn hvor det står variabel
Skriv inn en sluttverdi for loopen der det står sluttverdi.

Eksempel:

<html>
<head>
<title>Celsius-Fahrenheit converter</title>
</head>

<body>
<table border="1">
<tr><th>CELSIUS</th><th>FAHRENHEIT</th></tr>
<script type="text/javascript" language="javascript">
// startverdien til variablen celsius settes til 50
celsius=50;
// så lenge celsius er mindre enn eller lik 100 kjør kode
while (celsius <= 100){
document.write("<tr><td>" + celsius + "</td><td>" + ((celsius*9/5)+32) + "</td></tr>");
// øk verdien av variablen celsius med 1
celsius++;
}
</script>
</table>
</body>
</html>

Klikk for å se resultatet av koden

Break & continue

To spesialkommandoer som kan brukes i looper er: break og continue.

break stopper loopen og fortsetter med eventuell kode som følger etter loopen.

if (variabel == 0) {break};

continue bryter en pågående loop når en spesiell verdi er nådd, men fortsetter med neste verdi.

F.eks. er det ulovlig å dele med null:

for (value = -50; value <= 50; value++)
{
if (value == 0) {continue};
document.write((100/value)+"<br>");
}

<< Forrige sideNeste side >>