1e les javascript t.b.v. W2

1. Javascript Introductie Mediatechnologie Blok 8

2. Wat is Javascript ? Programmeer/scripttaal t.b.v. webomgevingen Geen compiler nodig / browser verwerkt script In html of als extern bestand ! Body of Headerscript !

4. Valideren van forms en input

5. HTML pagina’s custom made !

6. Cookies / standaard datum etc.

7. Controle over browserContent / Styling / Behavior Html - CSS - Javascript

9. Roll-overs

10. Menu

11. Validering

13. Variabelen

14. Vergelijkingen

16. Variabelen ! Variabelenzijnzelfgemaaktobjecten ! vardePagina; (eenvariabele met de naamdePagina is gemaakt) varmijnKat=“Daisy”; (de waarde van mijnKat is Daisy) varmijnTeller=1 (de waarde van mijnTeller is 1)

17. Variabelen ! Nummers en strings ! 1 “1” “melk” varmijnTeller = 1 + 1 (de waarde van mijnTeller is 2) varmijnTeller = 1 + “1” (de waarde van mijnTeller is 11) varmijnTeller = “1” + “1” (de waarde van mijnTeller is 11) varmijnTeller = 1 * “1” (syntaxfout) varmijnTeller = 1 / “1” (syntaxfout) varmijnTeller = 1 - “1” (syntaxfout)

18. Variabelen ! Nummers en strings 2 ! varmijnTeller = mijnTeller + 1 De variabeleMijnTellerwordt met 1 opgehoogd varmijnTeller = mijnTeller ++ De variabeleMijnTellerwordt met 1 opgehoogd varmijnTeller = mijnTeller - 1 De variabeleMijnTellerwordt met 1 verlaagd varmijnTeller = mijnTeller -- De variabeleMijnTellerwordt met 1 verlaagd

19. Vergelijkingen ! + / - * < > ++ --

20. Events! De browser doet alleen iets als er iets gebeurt! Keyboard-events ! Mouse click events! Mouse move events ! Window-events ! Form en input events !

21. Voorbeelden van Eenvoudig Javascripts

22. Opdracht Javascript‘1’ Opdracht 1. Maakeenwebpagina met daarineenaantalvariabelen die ervoorzorgendat Dat je naam, klas, opdrachtnummerna het laden van de body wordengeplaats op dezepagina. Je hebthiereenfunctie en variabelennodig. Tevensmoet op de paginaeenlijstjekomen met supermarktartikelenwaarvan de prijzend.m.v. variabelengeplaatstworden. Ermoetookeentotaalbedragvoordezeartikelenkomend.m.v. het optellen van dezevariabelen. Upload dezepagina (zip-file) naarnatschool in de map JS opdracht 1.De opdrachtmoetvoor het eind van de les geplaatstzijn.