Beste
hartelijk welkom!
Het maken van een eigen homepage werkt verslavend. Heb je de HTML-taal een beetje onder de knie, dat ontstaat al gauw de behoefte aan meer mogelijkheden dan HTML te bieden heeft.
komt dan om de hoek kijken.
Heb je op de knop geklikt? Zo nee, doe het dan alsnog.
Het scherm wat je zojuist gezien hebt is een typische JavaScript toepassing. Het schermpje waarin ik naar je voornaam vroeg trouwens ook. Maar er zijn er veel meer.
Probleem is, hoe werkt JavaScript en hoe kom je daarachter?
Veel informatie en veel voorbeelden zijn te vinden op Internet. Naar mijn ervaring is het echter moeilijk al die informatie voor jezelf te verwerken tot een gestructureerd geheel. Peperdure boeken zijn er ook in overvloed, maar die zijn meer bestemd voor professionals, trouwens het geld groeit ons niet op de rug. Gelukkig hebben we sinds kort de beschikking over een voortreffelijk en toch goedkoop boekje waarvan ik dankbaar gebruik heb gemaakt.
Zo ongemerkt heb je al wat eenvoudige toepassingen gezien, en dat was ook de bedoeling!
We gaan onverdroten verder.
Het is momenteel volgens jouw computer
Als de tijd op je computer goed staat ingesteld is dit ook de juiste tijd. Kan je meteen even controleren!
Er is nog een andere manier om de datum en tijd gegevens uit je computer op te roepen, nl.:
Deze weergave is in het Engels/Amerikaans. Je ziet achtereenvolgens: de dag van de week, de maand, de datum; vervolgens het uur, de minuten, de seconden volgens de West Europese tijdrekening (PersonalDateTime) en tenslotte het jaartal. In tegenstelling tot de klok hierboven loopt deze klok niet. Hij geeft het tijdstip aan waarop je deze pagina opende.
Een aardige toepassing is de calculator. We moeten dan wel een paar afspraken maken over de zg. "operatoren". Ik noem alleen de voornaamste, er zijn er veel meer.
-
Getallen met decimalen gebruiken als scheidingsteken geen , maar een .
-
Optellen is +
-
Aftrekken is -
-
Vermenigvuldigen doe je niet met × , maar met *
-
Delen niet met : , maar met /
-
Machtsverheffen en worteltrekken gaat anders. Bijvoorbeeld de 16-de macht van 2 wordt als volgt ingevoerd: Math.pow(2,16)
De 3-de machtswortel uit 27 wordt: Math.pow(27,1/3)
Plaats de cursor in het linker invoerveld. Voer nu een sommetje in, probeer maar wat!
Bij het invoeren van ingewikkelde formules moet je rekening houden met de rekenkundige volgorde, nl.: eerst machtsverheffen, dan vermenigvuldigen, delen, worteltrekken, optellen en aftrekken. Vaak is het verstandig ( ) te gebruiken, die ook genest mogen worden ( ( ) ), om een bepaalde bewerkings volgorde af te dwingen.
Een ander voorbeeld wat ik wil geven is een keuzelijst.
De geselecteerde tekst is, nadat je de keuze hebt bevestigd door op OK te klikken, voor allerlei doeleinden te gebruiken.
Wat je vaak aantreft is een knop of een plaatje dat, als je de muisaanwijzer er overheen haalt, van vorm of kleur verschiet. Een knop lijkt wel te worden ingedrukt! Door er vervolgens op te klikken kunnen allerlei acties worden gestart. Gebruik wordt gemaakt van "onMouseOver" en van "onMouseOut". In ons geval wordt een boodschap opgeroepen.
Een aardig voorbeeld is ook: "Meet Mr. Push me!".
Dit script heb ik opgehaald van "The JavaScript Source!!". Op deze site staan talloze JavaScripts die je gratis kunt downloaden. Zeker het bekijken waard!
Een toepassing die je waarschijnlijk niet zo leuk vindt staat hieronder.
Als je met de muis onderstaande link aanwijst gaat de browser naar "The JavaScript Source!!" ZONDER dat je op de link geklikt hebt!
The JavaScript Source!!
http://javascript.internet.com/
Wat ik op deze pagina heb laten zien is natuurlijk geen les, maar een demonstratie van wat eenvoudige mogelijkheden van JavaScript. Als je benieuwd bent naar de gebruikte JavaScriptjes, bekijk dan onder het menu Beeld de "Bron" van deze pagina.