JavaScript 4 - Vergelijkingsoperatoren, Booleaanse waarden, Booleaanse operatoren

                      JavaScript
1 / 18
suivant
Slide 1: Diapositive
InformaticaWOStudiejaar 4,5

Cette leçon contient 18 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 45 min

Éléments de cette leçon

                      JavaScript

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

Fundament
Kerndomein D. Programmeren

Ontwikkelen met JavaScript (JS)
Hoofdstuk 3
https://fundament-online.nl/leeromgeving/hoofdstuk.php?id=10560


Slide 2 - Diapositive

Cet élément n'a pas d'instructions

Leerdoelen:
Je kunt na deze les:
  • de 6 vergelijkingsoperatoren benoemen en uitleggen
  • de 3 Booleaanse operatoren benoemen en uitleggen
  • een correcte if-statement statement maken
  • bepalen of een if-statement functioneel correct is of niet

Slide 3 - Diapositive

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.
Vergelijkingsoperatoren
Net als Python heeft ook JS vergelijkingsoperatoren
De meeste gebruikte zijn:

Slide 4 - Diapositive

Cet élément n'a pas d'instructions

Nu enkele vragen

Slide 5 - Diapositive

Cet élément n'a pas d'instructions

A moet groter of gelijk zijn aan 100.
Welke operator hoort hier?

A __ 100
A
>
B
=>
C
>=
D
<=

Slide 6 - Quiz

Cet élément n'a pas d'instructions

A moet kleiner zijn dan 100.
Welke operator hoort hier?

A __ 100
A
>
B
=>
C
>=
D
<

Slide 7 - Quiz

Cet élément n'a pas d'instructions

Booleaanse waarden
De Booleaanse waarden zijn - net als bij elke programmeertaal: true of false (waar of onwaar dus)
Deze worden gebruikt op diverse manieren, zoals:
  • if-statements
  • while-loops
  • for-loops
  • etc.

Slide 8 - Diapositive

Cet élément n'a pas d'instructions

Booleaanse operatoren
Ook heeft JS Booleaanse operatoren:
  • &&     (Python: "and")
  • ||      (Python: "or")
  • !         (Python: "not")

Slide 9 - Diapositive

Cet élément n'a pas d'instructions

Nu enkele vragen

Slide 10 - Diapositive

Cet élément n'a pas d'instructions

a = 10
b = 11
c = 12
a >= 10 or b != 11
A
(ಠ︹ಠ)
B
True
C
False
D
Fout in vergelijking

Slide 11 - Quiz

Cet élément n'a pas d'instructions

A en B moeten groter zijn dan 100.
Welke operator hoort hier?

A > 100 ____ B > 100
A
&&
B
||
C
!
D
Fout in vergelijking

Slide 12 - Quiz

Cet élément n'a pas d'instructions

a = 10
b = 11
c = 12
(a >= 10 && b == 11) && c == 12
A
¯\_(´ з `)_/¯
B
True
C
False
D
Fout in vergelijking

Slide 13 - Quiz

Cet élément n'a pas d'instructions

a = 10
b = 11
c = 12
a >= 10 and b != 11
A
(ಠ︹ಠ)
B
True
C
False
D
Fout in vergelijking

Slide 14 - Quiz

Cet élément n'a pas d'instructions

a = 10
b = 11
c = 12
(a >= 10 && b == 11) && c != 12
A
┗( ⚆👅⚆)┛
B
true
C
false
D
Fout in vergelijking

Slide 15 - Quiz

Cet élément n'a pas d'instructions

If, else if en else
De if-statement heeft in JS dezelfde structuur als in Python:
  • alleen de if is verplicht
  • de eerste statement die true is wordt uitgevoerd, de rest niet
  • eerst de if, daarna eventueel 1 of meer else if statements, en tot slot 1 (!) else statement

Slide 16 - Diapositive

Cet élément n'a pas d'instructions

If, else if en else

  1. if
  2. evt. 1 of meer else if
  3. evt. max. 1 (!) else 


Let op de { }, het ontbreken van :, en de ; niet achter de }

Slide 17 - Diapositive

Cet élément n'a pas d'instructions

Leerdoelen:
Je kunt nu:
  • de 6 vergelijkingsoperatoren benoemen en uitleggen
  • de 3 Booleaanse operatoren benoemen en uitleggen
  • een correcte if-statement maken
  • bepalen of een if-statement functioneel correct is of niet

Slide 18 - Diapositive

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.