Programmeren in Javascript

Home - Profile - Archives - Friends

Events

Posted on 29/12/2008 at 14:08 - 0 Comments - Post Comment - Link

Dit bouwt verder op het stukje over bestaande functies, hier een uitleg over Events:
Link

Bestaande Functies: Pop-ups, etc.

Posted on 29/12/2008 at 11:55 - 0 Comments - Post Comment - Link

De makers van Javascript hebben ook zelf al wat functies gemaakt, een hiervan is "alert( )" hiermee kan men Pop-ups maken, een voorbeeld:

Als je dit script uitvoert komt er een Pop-up met hallo er in.

Nog een andere is "prompt( )", hiermee kan je Pop-ups maken met een tekstvak waar men iets kan invullen.
Een voorbeeld:

Nu komt er een Pop-up met een tekstvak en daarboven "geef een getal".

Maar hier heb je niks aan want wat diegene ook invult, het wordt niet opgeslagen, dit kan je echter wel doen door het op te slaan in een variabele:

Functies

Posted on 29/12/2008 at 11:40 - 0 Comments - Post Comment - Link

Een korte uitleg over Functies staat hier:
Link

Controlestructuren

Posted on 29/12/2008 at 11:27 - 0 Comments - Post Comment - Link

Controlestructuren zijn regels in het script die pas een deel van het script uitvoeren als er aan een bepaalde conditie wordt voldaan, sleutelwoorden hierbij zijn if, else en while.
Een voorbeeld:

Hierin is "getal" weer een variabele, verder is het niet moeilijk te begrijpen wat hier staat:
Als "getal kleiner is dan tien.
Schrijf: getal kleiner dan 10
Anders.
Schrijf: getal groter dan 10

In dit geval komt er dus te staan:

getal kleiner dan 10

Nu iets over While:
Met de While Loop geef je in het script aan:
Zolang x zo is blijf het script hieronder uitvoeren.
Een voorbeeld:

Hier is "getal" weer een variabele, er staat dus:
getal = 1
Zolang "getal" kleiner is dan 10:
Schrijf: getal -(regel naar beneden)
getal = getal + 1 (Dus zolang het getal kleiner is dan 10 word er elke keer 1 bij op geteld)

Er komt dus te staan als je het script uit voert:

1
2
3
4
5
6
7
8
9

Nog twee controlestructuren zijn:
== Om te kijken of twee getallen gelijk aan elkaar zijn.
(Bijvoorbeeld "if (getal == 10)")
En != om te testen of twee getallen ongelijk aan elkaar zijn.

Probeer maar eens zelf zo'n rijtje te maken.

Operatoren en Variabelen

Posted on 29/12/2008 at 11:12 - 0 Comments - Post Comment - Link

Veel programma's worden geschreven om berekeningen uit te voeren, dit is een voorbeeld om een simpele berekening uit te voeren:

Als je de vorige tutorial die ik linkte hebt gelezen weet je dat document.write betekent dat het script iets opschrijft, hiervoor was dit echter alleen om tekst op te schrijven en moest alle tekst die je schreef tussen haakjes staan, bij een berekening hoeft dit niet.
Als je dit script dan ook uitvoert krijg je simpelweg het antwoord op de som: 141

Om wat meer flexibiliteit toe te voegen kunnen variabelen gebruikt worden, een voorbeeld:

Hierin worden twee variabelen gebruikt, "tekst" en "getal", deze kunnen later veranderd worden en dit maakt het script dus een stuk flexibeler.
Overigens
betekent een regel overslaan, dit is dus wat er komt te staan als je het script uitvoert:

hallo
1062

Nog iets,
moet wel tussen haakjes staan aangezien het gewone tekst is.

Probeer zelf eens variabelen te maken door bijvoorbeeld een tekst te maken en daar als variabelen een voertuig en de snelheid te maken:

De bus reed 120 kilometer per uur.

Maak dus van bus en 120 variabelen.

De basis: Een korte Tutorial

Posted on 28/12/2008 at 15:27 - 0 Comments - Post Comment - Link

Op deze site staat een korte Tutorial van 6 lessen die je de basis bij zal brengen:
Link

Eerste bericht: HTML Kit

Posted on 28/12/2008 at 11:43 - 0 Comments - Post Comment - Link

Dit is mijn eerste bericht op de blog, in de volgende berichten zal ik vaak verwijzen naar HTML Kit, deze is hier te downloaden.

HTML Kit is een van de beste gratis HTML editors, er zijn uiteraard betere, zoals Adobe Dreamweaver, maar deze kosten geld.
Javascript wordt vaak gebruikt in HTML en kan dus ook worden geschreven in HTML Kit.

Men begint dan met:

#script type="text/javascript$

Dit geeft aan dat de script waarin je gaat schrijven Javascript is, HTML Kit zal dit waarschijnlijk automatisch aanvullen zodra je "#script" invult$.

(Nog iets, ik heb de < met # en de > met $ vervangen aangezien deze website direct de zin afknipt zodra er script in de text voorkomt)