Start på JavaScript

Tags:    javascript
<< < 123 > >>
Skrevet af Bruger #11328 @ 12.03.2008

If, else if og else


Hvis man oversatte de tre stykker kode ville det være noget lignende:
hvis, eller hvis, ellers.

if er det stykke kode der gør javascript så dynamisk som det er, hvis if ikke fandtes ville alt kode, altid blive udført ens, og ikke være brugerdefineret.

Et lille eksempel:

Fold kodeboks ind/udKode 


if(tal1 + tal2 == 20)
Oversat til dansk:
Hvis 10 + 10 = 20, udskriv "10 plus 10 er tyve!"

En if kommando finder ud af om det udsagn, du har sat inden for de to ( ) er sandt, hvis det er det vil koden inden for de to { } blive kørt.

Du har måske lagt mærke til at der er to ligmed tegn i kommandoen. Det bruger man altid i if når du skal spørge om udsagnet er sandt.
Et almindeligt '=' tildeler bare en værdi, men '==' finder ud af om det er resultatet.
Til sammenligning bruges:
if(x == y) som 'hvis x er lig y'
if(x < y) som 'hvis x er mindre end y'
if(x > y) som 'hvis x er større end y'
if(x <= y) som 'hvis x er mindre eller ligmed y'
if(x >= y) som 'hvis x er større eller ligmed y'
if(x != y) som 'hvis x ikke er lig y'

Der bruges også nogengange '==='. Det betyder 'er præcis lig' og afhænger også af type.
Eksempel:
Fold kodeboks ind/udKode 


Lad os komme videre, med et eksempel med else:
Fold kodeboks ind/udKode 

Jeg tror ikke jeg behøver at forklare noget, om den første if, da vi jo har gennemgået det.

Men til else!
Når man sætter en else efter if (eller else if, se længere nede) Bliver den udført hvis if'en fejler.
Her er alderen 17, og vores if kommando bliver kun udført hvis alder er lig eller over 18.
Derfor kommer vi til else, den bliver altså udført og udskriver: "Du er kun 17 år, derfor er du ikke myndig".

Her udskriver vi for resten, en variabel midt i en streng, det gøres som vist i eksemplet ved at putte et + efter " og så efterfulgt af variabelnavnet.

Så til else if
else if bruges til at lave "en else med et udsagn"

Eksempel:
Fold kodeboks ind/udKode 

'else if' Kommer altså i brug, hvis alder ikke er over 18, men så er lig 18



Løkker


Man får ofte brug for at kunne f.eks. udskrive en række data efter hinanden. Løkker er lidt svære at forklare men bliver meget ofte brugt.
Der findes to løkker i javascript:
for-løkken og
while-løkken.
Begge disse løkker kan bruges

For-løkken
Et eksempel på en for-løkke kunne se sådan her ud:
Fold kodeboks ind/udKode 

Koden her ville udskrive:
Fold kodeboks ind/udKode 


Måske ser det lidt indviklet ud, men jeg vil prøve at forklare:
Første felt i en for er værdien, her giver vi start værdien for variablen x.
Andet felt er det udsagn variablen skal klare sig igennem for hvert gennemløb, i dette tilfælde er det så længge x er mindre end 10.
Tredje felt er det der sker hver gang løkken bliver kørt igennem. I dette tilfælde lægges der 1 til x.

Det imellem {} er det der sker for hver gang løkken bliver kørt igennem. Vi har kun vores document.write() kommando, som udskriver "x. gennemløb".


While-løkken
while-løkken er min ynglings lykke af de to løkker.
Den udføres så længe det udsagn man har givet den, er sandt.
Syntax:
Fold kodeboks ind/udKode 


eks:
Fold kodeboks ind/udKode 


I dette eksempel bruger vi vores gode gamle alder eksempel.
Jeg har sat alder til 12.
I while-løkken har vi lavet udsagnet, at løkken skal udføres så længe alder er ligmed eller mindre 18.




<< < 123 > >>

Hvad synes du om denne artikel? Giv din mening til kende ved at stemme via pilene til venstre og/eller lægge en kommentar herunder.

Del også gerne artiklen med dine Facebook venner:  

Kommentarer (12)

User
Bruger #12606 @ 09.04.08 09:52
Jeg synes din artikel gav mig blod på tanden og mod på at prøve at lære lidt simpel Javascript.
Men så kom det der med variablerne, og det synes jeg var alt for indforstået. Jeg fattede simpelthen hat og briller....

Desværre.
User
Bruger #11328 @ 25.04.08 21:31
Okay,
En variabel er... Hvad skal jeg kalde det? Et stikord...? En henvisning...
En variabel indeholder noget data, som man kan kalde ved hjælp af variablens navn.
User
Bruger #5789 @ 06.05.08 13:49
En variable kan indeholde stort set alt, ikke kun data, da et object let kan bestå af andet.

Niveauet bør være begynder til denne artikel, der er massere af "bad practice" - Ting man ikke bør benytte på sin hjemmeside.

Men sikkert fin til at få en form for start.
User
Bruger #10379 @ 09.05.08 19:25
Herlig artikel, men jeg må indrømme at din beskrivelse angående variabler var lidt kryptisk, heldigvis (for mig) har jeg selv lidt erfaring med php og kan så drage min viden derfra. Det er også lidt svært at forklare hvad en variabel er uden at give et eksempel. Eksemplet du bruger senere er fint. Men lidt mere beskrivelse kunne være godt :)
User
Bruger #13920 @ 04.07.08 12:33
Jeg kan ikke ligefrem kalde mig ekspert til JavaScript, men du har skrevet en ok artikel, jeg vil nok ikke have noget imod at den blev lidt mere udfordrende, for man kan ikke lave meget hjemmeside ud af hvad du fortalte der.. Men artiklen giver da en vis basisviden.
User
Bruger #14234 @ 03.10.08 23:17
Ups, jeg VILLE have give Maksimal rating hvis jeg havde kunnet finde ud af det:D
TAK! Jeg er indehaver af en 'gammel' bog indkøbt i en DSB®-kiosk, men var ved at
græde da jeg opdagede at forfatteren led af hvad jeg i mangel af bedre kalder 'nørd-
instruktør-syndromet';
vedkommende er uden tvivl meget god til det han prøver at lære fra sig, og med masser
af gode intentioner..
MEN kan ikke sætte sig ned på begynderens niveau.

(Jeg stødte f.eks en gang på en bog, der lovede en MEGET lettilgængelig vejledning i
AMIGA og brugen af disse fede maskiner.
Det startede næsten lidt FOR lovende med noget i retningen af:
Dette er din Amiga;
Dette er din skærm;
Den der dimmer med en masse knapper på er dit "TAS-TA-TUR"..

Men fortsatte med (sådan ca.):
..Og så skal du bare lige installere styresystemet i de rette bibleoteker med de rette flippidaxer og gobbelinokker i et subcirectory du ikke har den ringeste forudsætning for at fatte hvad er!

Ligesom man f.eks kan få at vide at man skal skrive "<HTML> i starten af et html-dokument, men med næsten 1/999999999999999999999999999..n'te-dels sandsynelighed ville kunne gætte at man skal skrive en super-kompliceret meta-
kode i starten af teksten, hvis du skal gøre dig de ringeste forhåbninger om at kunne
lave en side, der fungerer på nettet..)


Jeg ved at det er ekstremt svært og tidshrævende at lave manualer, men det fede ved
manualen på disse sider er at den er LOGISK!!
Man behøves ikke at skulle gætte sig frem til hvad begreberne betyder, og vil derfor
efter lidt tilegnelse kunne gå videre selv, og gætte sig til meget hen ad vejen..

samo

User
Bruger #8408 @ 13.11.08 19:22
Tak for den her artikel. Den har helt sikkert givet mig mod på at lære mere til JavaScript.
Jeg har før prøvet det lidt, men har opgivet da jeg ikke syntes guider og manualer var så nemme at gå til som denne artikel.

Mange tak!
User
Bruger #14510 @ 19.07.09 22:58
God artikel, den giver mig lyst til at tilføje noget javascript til min hjemmeside :D

især dejligt at du har vist hvordan man gør så teksten skifter farve !

men som andre siger, lidt kryptisk ang. Variabler :)

eller flot , 4.
User
Bruger #15047 @ 07.08.09 13:40
Dejlig artikel! Kan vi regne med en mere avanceret? :)

Den var skide god og forstod alt. Meget simpelt forklaret.

4/5 - den fik ikke 5 fordi den ikke var så lang, men dækkede det basale.
User
Bruger #14965 @ 29.11.09 23:10
God artikel for mig, Nu kan jeg også lidt php, Det er bygget op på stort set samme måde bare med andre tegn, Så meget nemt. Men det her får mig da virkelig til at give det et forsøg. Tak :)
User
Bruger #16502 @ 18.04.11 01:15
Super god artikel. Glæder mig til nummer 2 :)
Kan ikke vente :bounce:
User
Bruger #16678 @ 17.07.11 11:23
Super fin artikel! :)

Bogen 'Introduktion til Javascript' kan også foreslås hvis man vil lære JS. Det var bogen der gav mig lysten, og det var artiklen der gav mig sparket! Så mange tak! ;)

Du skal være logget ind for at skrive en kommentar.
t