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 zip fil.
JavaScript Tutor - Lektion 3

Som nævnt, er JavaScript et kraftig værktøj. Vi kan gå mange forskellige veje. Ideen er at berøre så mange emner som muligt. Jeg vil forklare hen ad vejen.

Hvad nu? Lad os tilføje en prompt boks der spørger om vores navn og bagefter laver en personlig Hej meddelelse. 

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

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

function HejVerden()
{
   mitnavn = prompt("Skriv dit navn her", "");
   alert ('Hej ' + mitnavn);
}

//--></SCRIPT>

</HEAD>
<BODY>

<A HREF="JavaScript:HejVerden()">Hej</A>

</BODY>
</HTML>

Prøv det.

I prompt boksen forklarer "Skriv dit navn her" sig selv. Men hvorfor er der et tomt sæt gåseøjne ("")? Det er til en standard streng. Skrive noget i gåseøjene (f.eks "Sporto") og kør det igen for at se effekten.

Lagde du mærke til hvad vi gjorde? Vi gjorde variablen mitnavn lig med prompt funktionen... 

mitnavn = prompt("Skriv dit navn her", "");

Det vil sige at værdien af mitnavn er det prompt boksen returnerer. Og den returnerer hvad du har skrevet i boksen. Det betyder at, mitnavn er lig med hvad du har skrevet i boksen.

Så det er på tide at vende tilbage til parenteserne()? Først ser vi på slutresultatet og så vender vi tilbage til hvad der forgår. 

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

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

function HejVerden(name)
{
   alert ('Hej ' + name);
}

//--></SCRIPT>

</HEAD>
<BODY>

    <A HREF="JavaScript:HejVerden('Joe')">Hej Joe</A>
<BR><A HREF="JavaScript:HejVerden('Tom')">Hej Tom</A>
<BR><A HREF="JavaScript:HejVerden('Frank')">Hej Frank</A>
<BR><A HREF="JavaScript:HejVerden('Bob, Carol, Ted & Alice')">Hej til et par stykker mere.</A>

</BODY>
</HTML>

Prøv.

Kan du se hvad der sker? Vi overfører værdier til funktionen. name er en variabel som er brugt i funktionen. Når vi overfører 'Joe', eller 'Tom' eller noget andet til funktionen, bruger funktion det i stedet for variablen name. Denne overførsel af variabler er meget nyttig. Vi kan skrive en funktion en gang og brug den tusinde gange med forskellige resultater, afhængig af hvad vi overfører til den.

Da den bedste måde at lære på er at prøve selv, har jeg en øvelse til dig...

Øvelse: Lav en web side og indsæt disse tre billeder...

1 2 3

Gør det således at, når du vælger et nummer, kommer en "alert boks" frem og siger "Du valgte nr. 1" (eller 2, eller 3).

Her er en løsning.

Det er vigtigt at understrege at 90% af det du lærer kommer af at udføre disse opgaver. Hvis du springer dem over, vil du ikke få meget ud af denne JavaScript Tutor. Hvis du laver hver opgave, forstår du efterhånden. Husk at det tager tid.

På bagrund af dette er her endnu en øvelse...

Øvelse: Kombinér "promt boksen" med sidste øvelse således, at hver gang du trykker på en knap, spørger den om dit navn, og siger f.eks: "Hej Joe, du valgte nr. 1.

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