pagetutor.com - HTML tutorials for the rest of us
JavaScript Tutor v 1.0 oversat af Ewan Rasmusson & Andrew Smith af Joe Barta
pagetutor.com
Download som zip fil.
Javascript Tutor - Lesson 14

Lad os antage vi sender funktionen en farve... 

<HTML>
<HEAD>
<TITLE></TITLE>

<SCRIPT language="Javascript"><!--

farver = new Array();
farver[0] = "rød";
farver[1] = "blå";
farver[2] = "grøn";
farver[3] = "gul";
farver[4] = "lilla";
farver[5] = "orange";

function GetMyColor(mycolor)
{
   alert(farver[mycolor]);
}

//--></SCRIPT>

</HEAD>
<BODY>

<A HREF="javascript:GetMyColor(3)">Klik her for min farve</A>

</BODY>
</HTML>

Prøv det.

Øvelse: Tilføj en prompt boks til det sidste eksempel for at få et tal fra en bruger. Spørg brugeren om et tal mellem 0 og 5. Brug det tal til at få fat i et element fra array'et. (Teknisk set ville vi spørge om en integer (et heltal) mellem og inklusiv 0 og 5, men det lyder forvirrende. Vi vil bare spørge efter et tal mellem 0 og 5, så vil alle forstår hvad det drejer sig om.)

Her er en løsning.

Øvelse: Til din sidste øvelse tilføjer du et if-else udsagn der fanger et tal større end 5 og igen spørger om et tal mellem 0 og 5.

Her er en løsning.

Læg mærke til at de sidste eksempler råkoder tallet 5 ind i funktionen. Hvis vi tilføjer farver, det vil være nødvenigt for os at gennemgå funktionen og ændre alle referencer til "5". Jeg får en ide... lad os få det tal ind i en variable...

Øvelse: Brug length property af en array for at få antallet af elementer ind i en variable, derefter brug den variable i funktionen. Dette er en svær øvelse. Vær sikker på du tester dit script grundigt, for at afsløre evt. fejl.

Her er en løsning.

Nu kan vi vist godt tåle et lille sidespring. Vores sidste script kontrollerer om et tal er større end 5. Dette script kan også have gavn af noget der kontrollerer om tallet er mindre end 0. Sagt på en anden måde: kontrollerer om tallet er større end 5 eller mindre end 0.

Overvej dette enkele if udsagn... 

hvis (x > 5)
{
  gør noget 
}

Dette kontrollerer om x er større end fem. Vi kan tilføje en anden betingelse og kontrollerer om x > 5 eller x < 0... 

hvis ((x > 5)||(x < 0))
{
  gør noget 
}

OR operatoren er to lodrette streger (pipes)... ||.

Øvelse: Tilføj dette til din sidste øvelse. Sørg for at scriptet kontrollerer at tallet ikke er større end 5 eller mindre end 0.

Her er en løsning.

AND operatoren ligner OR. Den operator er to && tegn 

hvis ((x > 5)&&(x < 0))
{
  gør noget
}

Ovennævnte eksempel siger, at hvis x er større end 5 og x er mindre end 0 skal du gøre noget. Selvfølgelig er der ingen tal der opfylder disse krav, men jeg håber du stadigvæk forstår konceptet.

Øvelse: Skriv et lille script fra begyndelsen. Når brugeren klikker på et link, kommer en prompt boks frem og spørger om et bestemt tal, (f.eks. "Indtast venligst 4"). Derefter, kommer en anden prompt boks frem og beder om et andet tal. Scriptet er for at afgøre om det første tal er rigtigt, og det andet tal er rigtigt. Hvis det er rigtigt får brugeren en positiv meddelse, hvis ikke, en negativ. Brug && operator i din løsning. Tip: husk at kontrollere for lighed, ved at bruge dobbelt lighedstegn ==.

Her er en løsning.

<< Tilbage         Næste >>

JavaScript Tutor

Lektioner: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25