Herhaling blok 8

Javascript Terugblik Mediatechnologie Blok 9

Opbouw Javascript! ,[object Object]

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)

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)

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

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

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

if...else statement- use this statement to execute some code if the condition is true and another code if the condition is false

if...else if....else statement- use this statement to select one of many blocks of code to be executedif (time < 12) { document.write("Goede Morgen"); } else { document.write("Goede Middag"); }

Switch switch(n){case 1: execute code block 1 break;case 2: execute code block 2 break;default: code to be executed if n is different from case 1 and 2}

Pop-Up Alert alert(“tekst");

Pop-Up Prompt prompt(“text","defaultvalue");

Functions functionfunctionname(var1,var2,...,varX){some code} The parameters var1, var2, etc. are variables or values passed into the function. The { and the } defines the start and end of the function. Note: A function with no parameters must include the parentheses () after the function name. Note: Do not forget about the importance of capitals in JavaScript! The word function must be written in lowercase letters, otherwise a JavaScript error occurs! Also note that you must call a function with the exact same capitals as in the function name.

Javascript Loops In javascript zijn er 2 soorten loops: For Doorloopt een blok code een vooraf bepaalt aantal maalWhileDoorloopt een blok code net zolang totdat een een conditie op true komt.

Javascript Loops De For Loop Syntax for (var=startvalue;var<=endvalue;var=var+increment){code die uitgevoerd wordt}

Javascript Loops De While Loop Syntax while (var<=eindwaarde { code die uitgevoerd wordt }

Javascript Loops De Do .. While Loop De do .. while loop is een variant op de while loop. De code wordt eenmaal uitgevoerd en herhaalt de loop tot de conditie op waar staat. Syntax do { code die uitgevoerd wordt }while (var<=eindwaard);

Javascript Loops De Do .. While Loop De do .. while loop is een variant op de while loop. De code wordt eenmaal uitgevoerd en herhaalt de loop tot de conditie op waar staat.

Javascript Loops De break Statement De break statement stopt de loop en gaat verder met de code die na de loop komt. (of stopt wanneer er geen code volgt.

Javascript Loops De continue Statement De continue statement stopt de huidige loop en gaat verder de volgende waarde!

Javascript Loops De For .. In Statement De For .. In statement doorloopt een loop van elementen binnen een ‘array’ of de properties van een ‘object’. Syntax for (variable in object) { uittevoeren code }

Javascriptevents Alle elementen binnen een webpagina hebben gebeurtenissen (events) die een javascript kunnen laten activeren! Bijvoorbeeld de ‘onCLick’ event van een knop nadat de gebruiker deze heeft aangeklikt. We definieren deze events in de htmltags. Voorbeeldenhiervanzijn: ,[object Object]

Een input veld van eenformulier

Submitten van eenformulier,[object Object]

onFocus, onBlur en onChange Voorbeeld3.html onFocus onBlur onChange

Code voorbeeld 3 In de header! In de body

onSubmit Het onSubmit event word gebruiktvoor het valideren van allevelden van eenformuliervoordat het bevestigd (submit) wordt. voorbeeld4.html onsubmit Activeert script

onMouseOver en onMouseOut Deze events wordenveelgebruiktvoor animated buttons. voorbeeld5.html eifeltoren.png eifeltoren2.png

GetElementByName Werkt hetzelfde als document.getElementById, het verschil is dat id uniek is slechts 1 element. En bij Name zijn er meerdere elementen met deze naam mogelijk!

Herhaling blok 8

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (11)

Semelhante a Herhaling blok 8

Semelhante a Herhaling blok 8 (12)

Herhaling blok 8