JavaScript 5 - forloop whileloop functieparameters Math-functies

• Informatica
• WO
• Studiejaar 4,5

                      JavaScript

Fundament

Kerndomein D. Programmeren

Ontwikkelen met JavaScript (JS)

Hoofdstuk 4 tot en met 5.3

https://fundament-online.nl/leeromgeving/hoofdstuk.php?id=10560

Leerdoelen:

Je kunt na deze les:

• een for-loop maken
• een while-loop maken
• het nut van functieparameters uitleggen
• een voorbeeld van een functie met parameters geven
• 5 belangrijke Math-functies toepassen en uitleggen wat elke functie doet

Rode achtergrond betekent: klas is stil, dit zijn de leerdoelen en quizzes waarbij niet overlegd mag worden.

Doel van deze les is om het leren zichtbaar te maken voor zowel leerling als docent.

JS code waarin:
1) gebruiker "getal?" wordt gevraagd (var: getal) en
2) if-statement met alert "kleiner" als getal kleiner dan 10,
3) "tussen" getal tussen 10 en 20, en "hoger" als 20 of hoger

let getal = Number( prompt("getal?") );

if ( getal < 10 ) { 

alert( "kleiner" );

} else if ( getal > 10  &&  getal < 20 ) {

alert( "tussen 10 en 20" );

} else {

alert( "hoger" );

}

For-loop 1/3

for ( let loopvariabele ; voorwaarde ; update-stap )

i updaten gebeurt na elke iteratie!

For-loop 2/3

Deze varianten werken allemaal:

for ( let loopvariabele ; voorwaarde ; update-stap )

for ( var loopvariabele ; voorwaarde ; update-stap )

for ( loopvariabele ; voorwaarde ; update-stap )

De eerste (let) heeft block scope

De tweede (var) en derde () hebben global scope

For-loop 3/3

spaties zijn over het algemeen niet nodig bij JS

Deze regels zijn hetzelfde:

Rekenen

i++      met ++ tel je 1 bij de variabele op

i--       met -- verminder je de variabele met 1

i += x  met += tel je x bij i ( als i = 3, en i += 2, dan i = 5)

i -= x   met -= verminder je i met x

i *= x   met *= vermenigvuldig je i met x

i /= x  met /= deel je i door x

i **= x met **= bereken je i tot de macht x

While-loop 1/2

Net als bij Python wordt een while-loop uitgevoerd zolang de voorwaarde (statement) true is 

while ( voorwaarde )

(eten van een hamburger, 

weet je nog?)

While-loop 2/2

waarom staat in VS Code een rode streep onder "voorwaarde"?

dit komt door de tweede "let voorwaarde"... hij is namelijk al gedeclareerd en blijkbaar vindt JS het niet leuk als hij opnieuw wordt gedeclareerd op die manier

Math functies

Math.pow(x, y) geeft x tot de macht y

Math.sqrt(x) geeft de vierkantswortel van x

Math.round(x) rondt x af tot de dichtstbijzijnde integer

Math.floor(x) rondt x af naar de onderste integer

Math.abs(x) geeft absoluut getal van x (altijd positief)

Math is een standaard object met methodes

Functies met parameters

naam("argument");

function naam(param) {

  // code hier

}

param is een variabele met block scope

het block is in dit geval de functie

Functies met parameters

Een functie met parameters 

kan argumenten accepteren 

en die gebruiken

Hiermee wordt je functie

flexibel (code conventions!), 

wat hij doet is nl. afhankelijk van het gegeven argument

maak voor JS een
for-loop die optelt van 1 tot 10
in de log

for (i=1; i<10; i++)

{

console.log(i);

}

maak voor JS een
while-loop die i optelt tot 100
in stappen van 2 en i logt

let i=0;

while(i<100){console.log(i);i+=2;}

maak voor JS een
functie met een parameter
die aangeroepen wordt

function fun( param1 ) {

console.log( param1 );

}

fun("arg");

Leerdoelen:

Je kunt nu:

• een for-loop maken
• een while-loop maken
• het nut van functieparameters uitleggen
• een voorbeeld van een functie met parameters geven
• 5 belangrijke Math-functies toepassen en uitleggen wat elke functie doet

Rode achtergrond betekent: klas is stil, dit zijn de leerdoelen en quizzes waarbij niet overlegd mag worden.

Doel van deze les is om het leren zichtbaar te maken voor zowel leerling als docent.

Exit ticket

https://forms.gle/7J97NiRs9nqWjk5V6