JavaScript 4 - Vergelijkingsoperatoren, Booleaanse waarden, Booleaanse operatoren

• Informatica
• WO
• Studiejaar 4,5

                      JavaScript

Fundament

Kerndomein D. Programmeren

Ontwikkelen met JavaScript (JS)

Hoofdstuk 3

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

Leerdoelen:

Je kunt na deze les:

• 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

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

JS heeft dezelfde vergelijkingsoperatoren

De meest gebruikte zijn:

Nu enkele vragen

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

A __ 100

1. >
2. =>
3. >=
4. <=

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

A __ 100

1. >
2. =>
3. >=
4. <

Booleaanse waarden

De Booleaanse waarden zijn - net als bij elke programmeertaal: true of false (waar of onwaar dus)

Deze worden gebruikt op diverse plekken, zoals in:

• if-statements
• while-loops
• for-loops
• etc.            (alles met 0, NaN of zonder waarde is false!)

Booleaanse operatoren

Ook heeft JS Booleaanse operatoren:

• &&     (in Python is dat "and")
• ||      (in Python is dat "or")
• !         (in Python is dat "not")

Nu enkele vragen (10 sec elk!)

a = 10;
b = 11;
c = 12;
console.log(a >= 10 or b != 11);

1. (ಠ︹ಠ)
2. True
3. False
4. Fout in vergelijking

a = 10;
b = 11;
c = 12;
console.log(a >= 10 || b != 11);

1. (ಠ︹ಠ)
2. True
3. False
4. Fout in vergelijking

a = 10;
b = 11;
c = 12;
console.log(a >= 10 && b != 11);

1. (ಠ︹ಠ)
2. True
3. False
4. Fout in vergelijking

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

A > 100 ____ B > 100

1. &&
2. ||
3. !
4. Fout in vergelijking

a = 10;
b = 11;
c = 12;
console.log((a >= 10 && b == 11) && c == 12);

1. ¯\_(´ з `)_/¯
2. True
3. False
4. Fout in vergelijking

a = 10;
b = 11;
c = 12;
console.log(!(a >= 10 && b == 11) && c == 12);

1. ¯\_(´ з `)_/¯
2. True
3. False
4. Fout in vergelijking

a = 10;
b = 11;
c = 12;
console.log(!(a >= 10 && b == 11) || c == 12);

1. ¯\_(´ з `)_/¯
2. True
3. False
4. Fout in vergelijking

a = 10;
b = 11;
c = 12;
console.log(a >= 10 and b != 11);

1. (ಠ︹ಠ)
2. True
3. False
4. Fout in vergelijking

a = 10;
b = 11;
c = 12;
console.log((a >= 10 && b == 11) && c != 12);

1. ┗( ⚆👅⚆)┛
2. True
3. False
4. Fout in vergelijking

If, else if en else 1/2

De if-statement heeft in JS dezelfde structuur als in Python:

• alleen de if is verplicht
• daarna eventueel 1 of meer else if statements
• tot slot eventueel 1 (en niet meer!) else statement
  
• alleen de eerste statement die true is wordt uitgevoerd, de rest niet

If, else if en else 2/2

Zo dus:

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

Let op de blokken { } en het ontbreken van :

Ook staat er geen ; achter de } van functies, loops en blocks

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")

}

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

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