Week 5: JavaScript herhaling & code challenge bespreken

• JavaScript
• MBO
• Studiejaar 2

Terugblik

Truthy and Falsy values

Equality operators

Boolean Logic

Code challenge

Doel van deze les

Code challenge bespreken

Oefenen met de materie van deze week

let test;

Wat is de waarde van test?

1. True
2. False
3. Truth
4. Undifiened

Truthy & Falsy values

Maak de volgende variabelen aan:

console.log(Boolean(0));

console.log(Boolean(undefined));

console.log(Boolean('Taif'));

console.log(Boolean({}));

console.log(Boolean(''));

Klik mij!

Console.log is lang typen. Probeer eens log te typen 😉

Truthy & Falsy values

const money = 0;

if (money) {

    console.log(`Don't spend it all ;-)`);

} else {

    console.log(`You should get a job!`);

}

Truthy & Falsy values

let height;

if (height) {

    console.log(`YAY! Height is defined`);

} else {

    console.log(`Height is UNDEFINED`);

}

avDolphins === `97`;

Wat is de waarde van avDolphins?

1. True
2. False
3. String
4. Undifiened

Equality operators

const age = 18;

if (age === 18) console.log(`You just became an adult`);

Strict equality operator. Deze operator voert geen type coericion uit en werkt alleen als beide exact dezelfde zijn.

Equality operators

const age = `18`;

if (age == 18) console.log(`You just became an adult (loose)`);

Vermijd zoveel mogelijk de loose equality operators omdat het veel moeilijk te vinden bugs introduceert!

Loose equality operator. <u>Deze operator voert type coericion uit</u> en werkt alleen als beide dezelfde zijn.

Prompt

const favourite = prompt(`What's your favourite number?`); 

console.log(favourite);

console.log(typeof favourite);

const name = `123`
if (name === 123) ....

Resultaat is false; hoe kan name converteren om een true te krijgen?

Type converter

Wij moeten een Number type conversion uitvoeren op favourite!

const favourite = Number(prompt(`What's your favourite number?`));

In het rood staat wat ik heb toegevoegd.

Else if

if (favourite === 23) { 

    console.log(`Cool! 23 is an amazing number!`);

} else if (favourite === 7) {

    console.log(`7 is also a cool number`);

} else {

    console.log(`Number is not 23 or 7`);

}

let name = 123;
if (name != 23) console.log(`...`);

Waarom is dit niet volgens de afspraak?

1. 23 moet met backticks
2. Dit is een boolean operator
3. Dit is een loose operator
4. De ... is fout

Different operator

if (favourite !== 23) { 

    console.log(`Why not 23?`);

}

Logical operator

Equality operator

Truthy<div><span>Falsy Values</span></div>

Welke afbeelding hieronder, is een truth table?

1. 
2. 
3. 
4. 

Boolean operators

A: Sarah has a drivers license

B: Sarah has good vision

Kan Sarah zowel een rijbewijs hebben EN goed zicht?

Ja

Nee

Truthtable (waarheidstabel)

Kan Sarah zowel een rijbewijs hebben OF goed zicht?

Ja

Nee

Truthtable A OR B

Boolean operators

age = 16;

A: Age is greater or equal to 20;

B: Age is less than 30;

A OR !B >> Check de precedence!

Logical operators

const hasDriversLicense = true; // A

const hasGoodVision = true; // B

console.log(hasDriversLicense && hasGoodVision);

const hasDriversLicense = true; // A
const hasGoodVision = false; // B

console.log(hasDriversLicense && hasGoodVision);

1. True
2. False
3. Truth
4. ☝🏼

Logical operators

const hasDriversLicense = true; // A

const hasGoodVision = false; // B

console.log(hasDriversLicense || hasGoodVision);

Logical operators

const hasDriversLicense = true; // A

const hasGoodVision = false; // B

console.log(!hasDriversLicense);

Logical operators

const hasDriversLicense = true; // A

const hasGoodVision = false; // B

const shouldDrive = hasDriversLicense && hasGoodVision;

if(shouldDrive) {

console.log(`Sarah is able to drive!`);

} else {

console.log(`Someone else should drive...`);

}

Logical operators

const isTired = true; // C

const shouldDrive = hasDriversLicense && hasGoodVision && isTired;

const shouldDrive = hasDriversLicense || hasGoodVision || isTired;

Logical operators

const shouldDrive = hasDriversLicense && hasGoodVision && isTired;

if(hasDriversLicense && hasGoodVision && !isTired) {

console.log(`Sarah is able to drive!`);

} else {

console.log(`Someone else should drive...`);

}

Wat komt hier uit? (Verander C naar false)

Extra oefening 1

Extra oefening 2