Web Scripting

# Week 1

Maak een folder week-1 aan binnen de reeds aangemaakte folder tijdens de workshop “Start-to-ICT” in de module “Informatie en data geletterdheid (opens new window)”. Maak vervolgens de folders college (voorbeelden uit het hoorcollege) en oefeningen aan binnen de week-1 folder.

Mappen & bestanden

  • artevelde/
    • pgm-code/
      • pgm-1/
        • week-1/
          • hello.js
          • hello-pgm.js
          • …
      • web-1/

macOS

Het volledige pad naar de map (Eng. folder) ziet zo uit. («username» is jouw gebruikersmap.)

/Users/«username»/artevelde/pgm-code/pgm-1/week-1/oefeningen/

Open de map week-1 in VS Code (opens new window).

Windows

Het volledige pad naar de map (Eng. folder) ziet zo uit. («username» is jouw gebruikersmap.)

C:\Users\«username»\artevelde\pgm-code\pgm-1\week-1\oefeningen\

Open de map week-1 in VS Code (opens new window).

Je werkt voor deze eerste oefeningen met Node.js. Schrijf de namen van de variabelen in het Engels.

Tip

Schrijf zelf bij elke oefening voldoende commentaar, zodat je achteraf zelf nog weet wat de code doet.

# Hello World

Maak een bestand hello.js aan in de reeds aangemaakt folder week-1. In deze applicatie printen we de woorden “Hello World” uit. Voer uit via node hello.js via de command-line. Zorg ervoor dat je in de juiste map staat!

Tip

Mogelijke oplossing:

./artevelde/pgm-code/pgm-1/week-1/hello.js

console.log("Hello World");
1

# Hello PGM

Maak een bestand hello-pgm.js aan in de reeds aangemaakt folder week-1. Kopier de volgende code naar jouw bestand:

// voeg hieronder een lijn code toe

// onderstaande lijn code pas je niet aan
console.log("Hallo PGM, mijn naam is " + name);
1
2
3
4

Voeg op de voorziene plek een stukje code toe waarbij je jouw naam defineert. Heet je bv. Thomas, dan zal de console “Hallo PGM, ik ben Thomas” moeten printen. Voer uit via node hello-pgm.js via de command-line. Zorg ervoor dat je in de juiste map staat!

Mogelijke oplossing:

./artevelde/pgm-code/pgm-1/week-1/hello-pgm.js

// voeg hieronder een lijn code toe
const name = "Michael";
// onderstaande lijn code pas je niet aan
console.log("Hallo PGM, mijn naam is " + name);
1
2
3
4

# About

Maak een bestand about-pgm.js aan in de reeds aangemaakt folder week-1. Kopier de volgende code naar jouw bestand:

const course = "Programmeren 1";
const teacherOne = "Michael";
const teacherTwo = "Niels";

// pas onderstaande lijn code aan
console.log();
1
2
3
4
5
6

Pas de laatste lijn aan zodat je de tekst “Ik krijg het vak Programmeren 1 van Michael” naar de console logt. Krijg je les van Niels dan moet er “Ik krijg het vak Programmeren 1 van Niels” staan. Zorg dat je de voorziene variabelen gebruikt.

Voer uit via node about-pgm.js via de command-line. Zorg ervoor dat je in de juiste map staat!

Mogelijke oplossing:

./artevelde/pgm-code/pgm-1/week-1/about-pgm.js

const course = "Programmeren 1";
const teacherOne = "Michael";
const teacherTwo = "Philippe";

console.log("Ik krijg het vak " + course + " van " + teacherOne);
1
2
3
4
5

# Count

Maak een bestand count.js aan in de reeds aangemaakt folder week-1. Voer volgende stappen uit:

  • Creeër een variabele count en ken hieraan de waarde 0 toe.
  • Log de waarde van de variabele count naar de console.
  • Wijzig de waarde van de variabele count naar 10.
  • Log de waarde van de variabele count naar de console.
  • Verhoog de waarde van de variabele count met 2.
  • Denk even na: wat zal de waarde van count nu zijn?
  • Log de waarde van de variabele count naar de console. Kijk of je voorspelling klopt.
Mogelijke oplossing:

./artevelde/pgm-code/pgm-1/week-1/count.js

let count = 1;
console.log("Count is " + count);
count = 10;
console.log("Count is " + count);
count = count + 2;
console.log("Count is " + count);
1
2
3
4
5
6

# Talk like a pirate

Maak een bestand talk_like_a_pirate.js aan in de reeds aangemaakt folder week-1. In deze applicatie praten twee piraten. Voer uit via node talk_like_a_pirate.js via de command-line. Zorg ervoor dat je in de juiste map staat!

Tip

Voer eerst volgende stappen uit:

  • Definieer een const variabele met de naam pirate1Greeting en bevat als waarde een piraat-achtige begroeting toegewezen worden (bijv.: Arr, Ahoy, Aye Aye…)
  • Definieer een const variabele met de naam pirate1Speak en bevat een sterke piraten-slagzin (bijv.: Feed him to the fishes)
  • Definieer een const variabele met de naam pirate2Greeting en bevat als waarde een piraat-achtige begroeting toegewezen worden (bijv.: Arr, Ahoy, Aye Aye…)
  • Definieer een const variabele met de naam pirate2Speak en bevat een sterke piraten-slagzin (bijv.: Feed him to the fishes)

Nu gaan we alles samenvoegen:

  • Declareer een let variabele met de naam talkLikeAPirate waarin je voor de eerste piraat de begroeting en slagzin combineert: Pirate 1: Arr! Feed him to the fishes.
  • Log de waarde van de variabele talkLikeAPirate naar de console.
  • Wijzig de waarde van de variabele talkLikeAPirate voor de tweede piraat
  • Log opnieuw de waarde van de variabele talkLikeAPirate naar de console.

Opgelet

Een variabele kan je maar een keer declareren. Twee keer let talkLikeAPirate kan dus niet!

Resultaat:

"Pirate 1: Arr! Feed him to the fishes."
"Pirate 2: Ahoy! Take what you can, give nothing back."
Mogelijke oplossing:

./artevelde/pgm-code/pgm-1/week-1/talk_like_a_pirate.js

const pirate1Greeting = "Arr"; // The value 'Arr' (is a string) is stored in the variable pirate1Greeting
const pirate1Speak = "Feed him to the fishes"; // The value 'Feed him to the fishes' (is a string) is stored in the variable pirate1Speak
const pirate2Greeting = "Ahoy"; // The value 'Ahoy' (is a string) is stored in the variable pirate2Greeting
const pirate2Speak = "Take what you can, give nothing back"; // The value 'Take what you can, give nothing back' (is a string) is stored in the variable pirate2Speak

// Declare and initialize the variable talkLikeAPirate
// Assign a value (by concatenating) based on the variables pirate1Greeting and pirate1Speak
let talkLikeAPirate = "Pirate 1: " + pirate1Greeting + "! " + pirate1Speak + ".";
// Log the value of the variable talkLikeAPirate to the console
console.log(talkLikeAPirate);
// Assign a new value (by concatenating) based on the variables pirate2Greeting and pirate2Speak
talkLikeAPirate = "Pirate 2: " + pirate2Greeting + "! " + pirate2Speak + ".";
// Log the value of the variable talkLikeAPirate to the console
console.log(talkLikeAPirate);
1
2
3
4
5
6
7
8
9
10
11
12
13
14

# Math

Maak een bestand math.js aan in de reeds aangemaakt folder week-1. Kopier de volgende code naar jouw bestand:

const x = 5;
const y = 3;
1
2

Voeg enkele lijnen code aan dit bestand toe waardoor onderstaande naar de console wordt gelogd:

5 + 3 is 8
5 - 3 is 2
5 * 3 is 15
5 / 3 is 1.66666

Maak zoveel mogelijk gebruik van de variabelen. Zorg ervoor dat wanneer je de waarde van x of y aanpast de output nog steeds klopt. Voer uit via node math.js via de command-line. Zorg ervoor dat je in de juiste map staat!

Tip

Maak gebruik van vier lijnen waarin je logt via console.log() of gebruik één console.log() en stel de volledige string samen met een template literal

Mogelijke oplossing:

./artevelde/pgm-code/pgm-1/week-1/math.js

const x = 5;
const y = 3;

// optie 1
console.log(`
  ${x} + ${y} = ${x + y}
  ${x} - ${y} = ${x - y}
  ${x} * ${y} = ${x * y}
  ${x} / ${y} = ${x / y}
`);

// optie 2
console.log(x + " + " + y + " = " + (x + y));
console.log(x + " - " + y + " = " + (x - y));
console.log(x + " * " + y + " = " + x * y);
console.log(x + " / " + y + " = " + x / y);

// optie 3
console.log(`${x} + ${y} = ${x + y}`);
console.log(`${x} - ${y} = ${x - y}`);
console.log(`${x} * ${y} = ${x * y}`);
console.log(`${x} / ${y} = ${x / y}`);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

# Curriculum Vitae

*[CV]: Curriculum Vitae

Maak een bestand curriculum_vitae.js aan in de reeds aangemaakt folder week-1. In deze applicatie beschrijven we onze cv met datatypen. Voer uit via node curriculum_vitae.js via de commandline.

Opmerking

Declareer de volgende variabelen: (gebruik Engelstalige benamingen):

  • familienaam (string)
  • voornaam (string)
  • geslacht (string)
  • leeftijd (number)
  • getrouwd (boolean)
  • avatar (string unicode character bv. 🐝)
  • lijfspreuk (string)
  • talenkennis (string - 100% betekent 10x*)
    • maak een variabele aan per taal die je beheerst, bv. languageDutch

Zet nu alles samen in een template literal en log dit naar de console door gebruik te maken van maximum één console.log

Voorbeeld output:

My personal Curriculum Vitae
============================================================
Firstname:  Philippe
Surname:    De Pauw - Waterschoot
Sex:        Male
Age:        36
Married:    false
Avatar:     🍄
Quote:      I'm a future talent in front-end development
------------------------------------------------------------
Languages
------------------------------------------------------------
Dutch:      *********
English:    *******
French:     *****
============================================================
Mogelijke oplossing:

./artevelde/pgm-code/pgm-1/week-1/curriculum_vitae.js

const firstName = "Philippe"; // The value 'Philippe' (is a string) is stored in the variable firstName
const surName = "De Pauw - Waterschoot"; // The value 'De Pauw - Waterschoot' (is a string) is stored in the variable surName
const sex = "Male"; // The value 'Male' (is a string) is stored in the variable sex
const age = 36; // The value 32 (is a number) is stored in the variable age
const unicodeAvatar = "\u{1F344}"; // The value '\u{1F344}' (is a string) is stored in the variable unicodeAvatar
const married = false; // The value false (is a boolean) is stored in the variable married
const quote = "I'm a future talent in programming"; // The value 'I\'m a future talent in front-end development' (is a string) is stored in the variable quote
const langDutchLevel = "*********";
const langEnglishLevel = "*******";
const langFrenchLevel = "*****";

// Construct a message with a template literal (baptik notation)
const message = `
My personal Curriculum Vitae
============================================================
Firstname:\t${firstName}
Surname:\t${surName}
Sex:\t\t${sex}
Age:\t\t${age}
Married:\t${married}
Avatar:\t\t${unicodeAvatar}
Quote:\t\t${quote}
------------------------------------------------------------
Languages
------------------------------------------------------------
Dutch:\t\t${langDutchLevel}
English:\t${langEnglishLevel}
French:\t\t${langFrenchLevel}
============================================================
`;
// Log the value of the variable message to the console
console.log(message);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

# Electricity

Maak een bestand electricity.js aan in de reeds aangemaakt folder week-1. In deze applicatie implementeren we een aantal formules uit de elektriciteit. Definieer de volgende variabelen:

  • v (spanning uitgedrukt in volt) met als waarde een positief getal, bijv.: 230
  • i (stroom uitgedrukt in ampere) met als waarde een positief getal, bijv.: 2.85
  • t (tijd uitgedrukt in seconden) met als waarde een positief getal, bijv.: 0.02
  • r (weerstandswaarde uitgedrukt in ohm) is gelijk aan v gedeeld door i
  • p (vermogen uitgedrukt in watt) is gelijk aan v vermenigvuldigd met i
  • f (frequentie uitgedrukt in hertz) is gelijk aan 1 gedeeld door t

Maak nu gebruik van deze variabelen om onderstaande output te loggen naar de console.

=====================================================================
Formula Electricity
=====================================================================
v = 230
i = 2.85
t = 0.02
r = 80.7017543859649
p = 655.5
f = 50
=====================================================================
Mogelijke oplossing:

./artevelde/pgm-code/pgm-1/week-1/electricity.js

const v = 230; // The value 230 is stored in the variable v
const i = 2.85; // The value 2.85 is stored in the variable i
const r = v / i; // Calculate the resistance: the value of v divided by the value of i, store the result in the variable r
const p = v * i; // Calculate the power: the value of v multiplied by the value of i, store the result in the variable p
const t = 0.02; // The value 0.02 is stored in the variable t
const f = 1 / t; // Calculate the frequency: divide 1 by the value of t and store the result in the variable f

// Construct a message with a template literal (baptik notation)
const message = `
========================================================================
Formula Electricity
========================================================================
v = ${v}
i = ${i}
t = ${t}
r = ${r}
p = ${p}
f = ${f}
========================================================================
`;
// Log the value of the variable message to the console
console.log(message);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

# BMI and ABSI calculator

In deze applicatie berekenen we onze BMI en ABSI (opens new window).

*[BMI]: Body Mass Index

*[ABSI]: A Body Shape Index

Maak een bestand bmi_and_absi_calculator.js aan in de reeds aangemaakt folder week-1.

Definitie

De formule voor Body Mass Index is:

BMI=gewichtlengte×lengte{BMI} = \frac{gewicht}{ {lengte} \times {lengte} }

Met:

  • Gewicht (Eng. weight) uitgedrukt in kilogram (), is een natuurlijk getal, bijv. 65.
  • Lengte (Eng. length) uitgedrukt in meter (), is een positief reëel getal, bijv. 1.72.

Definitie

De formule voor A Body Shape Index is:

ABSI=tailleBMI23×lengte{ABSI} = \frac{taille}{ {BMI}^{\frac{2}{3}} \times \sqrt{lengte} }

Met:

  • Taille (Eng. waist) uitgedrukt in meter () is een positief reëel getal, bijv. 0.8.
  • Lengte (Eng. length) uitgedrukt in meter () is een positief reëel getal, bijv. 1.72.

Tip

Stappenplan:

  • Declareer een variabele length met jouw lengte (in meter) en weight (in kilogram).
  • Declareer een variabele bmi en gebruik als waarde jouw berekende BMI
  • Log de waarde naar de console, bv. Jouw BMI is 22.0
  • Declareer een variabele waist met jouw taille (in meter), bv. 0.8
  • Declareer een variabele absi en gebruik als waarde jouw berekende ABSI
  • Log de waarde naar de console
Mogelijke oplossing:

./artevelde/pgm-code/pgm-1/week-1/bmi_and_absi_calculator.js

// Length of the person
const length = 1.72;
// Weight of the person
const weight = 65;
// Calculate the Body Mass Index (BMI)
const bmi = Math.floor(weight / (length * length));
// Log the BMI to the user
console.log(`Your bmi is ${bmi}`);
// Waist of the person
const waist = 0.8;
// Calculate the A Body Shape Index (ABSI)
const absi = waist / (Math.pow(bmi, 2 / 3) * Math.pow(length, 1 / 2));
// Log the ABSI to the user
console.log(`Your absi is ${absi}`);
1
2
3
4
5
6
7
8
9
10
11
12
13
14

# Maximum of three values

Maak een bestand max_three_values.js aan in de reeds aangemaakt folder week-1.

Definieer drie variabelen van het type number. Zoek de maximum waarde uit deze drie variabelen.

Log het resultaat naar de console.

Tip

Voorbeeld output:

Getal 1: 3
Getal 2: 4
Getal 3: 0

Maximum waarde: 4
Mogelijke oplossing:

./artevelde/pgm-code/pgm-1/week-1/max_three_values.js

const a = 3;
const b = 4;
const c = 0;

console.log(`
  Getal 1: ${a}
  Getal 2: ${b}
  Getal 3: ${c}

  Maximum waarde: ${Math.max(a, b, c)}.
`);
1
2
3
4
5
6
7
8
9
10
11

# Years, days, hours, minutes and seconds

In deze applicatie zetten we het aantal seconden om in jaren, dagen, minuten en seconden.

Maak een bestand years_days_hours_minutes_seconds.js aan in de reeds aangemaakt folder week-1. Het aantal seconden dat je wil omzetten ken je eerst toe aan een variabele (een number, bv 99876). Hierna kan je het aantal jaren, dagen, minuten en seconden berekenen via deze variabele.

Voorbeeld output:

=====================================================================
Amount of seconds to convert = 78883003736
=====================================================================
99876 seconds = 0years 1days 3hours 44minutes 36seconds
=====================================================================

Tip

  • Er wordt geen rekening gehouden met schrikkeljaren.
  • Gebruik de methode Math.floor() (opens new window) om de vloerwaarde te berekenen van een getal, bijv. 4.8 wordt 4.

Extra

  • Lees meer over de UNIX Epoch (opens new window), hoe een Date Object gepresenteerd wordt in Javascript en hoe je een Date object maakt in javascript
  • Lees meer over Date.now() (opens new window)
  • Lees meer over hoe je een Date object aanmaakt (opens new window) en hierbij een tijd kan in de parameters van de constructor.
  • Lees meer over hoe je een Date object kan formateren (opens new window) voor (de schrijfwijze van) verschillende regio’s en tijdzones
  • Pas bovenstaande oefening aan zodat je het aantal jaren, dagen, uren, minuten, seconden weergeeft obv het aantal seconden dat reeds gepasseerd is op het huidige moment sinds de UNIX Epoch. Log hierbij ook eerst de huidge tijd (gekend via de UNIX timestamp) in de Belgische schrijfswijze en tijdszone

Voorbeeld output extra gedeelte:

=====================================================================
Amount of seconds since UNIX Epoch to convert = 1600975533
=====================================================================
Formatted date in Dutch locale and Belgian timezone: 9/24/2020, 21:25:33
=====================================================================
1600975533 seconds = 50years 279days 19hours 25minutes 33seconds
=====================================================================
Mogelijke oplossing:

./artevelde/pgm-code/pgm-1/week-1/years_days_hours_minutes_seconds.js

const seconds = 78883003736;

// How many seconds are there in one year? 365 days * 24 hours (a day) * 60minutes (in one hour) * 60 seconds (in one minute)
const oneYearHowManySeconds = 1 * 365 * 24 * 60 * 60;
// How many seconds are there in a day? 24 hours (a day) * 60 minutes (in one hour) * 60 seconds (in one minute)
const oneDayHowManySeconds = 24 * 60 * 60;
// How many seconds are there in an hour? 60 minutes (in one hour) * 60 seconds (in one minute)
const oneHourHowManySeconds = 60 * 60;
// How many seconds are there in an minute? 60 seconds (in one minute)
const oneMinuteHowManySeconds = 60;

// Variable used to define the rest of the seconds
let secondsLeft = seconds;

// How many years are there in the secondsLeft
const nYears = Math.floor(secondsLeft / oneYearHowManySeconds);
// Subtract the secondsLeft with the amount of years in seconds
secondsLeft -= nYears * oneYearHowManySeconds;
// How many days are there in the secondsLeft
const nDays = Math.floor(secondsLeft / oneDayHowManySeconds);
// Subtract the secondsLeft with the amount of days in seconds
secondsLeft -= nDays * oneDayHowManySeconds;
// How many hours are there in the secondsLeft
const nHours = Math.floor(secondsLeft / oneHourHowManySeconds);
// Subtract the secondsLeft with the amount of hours in seconds
secondsLeft -= nHours * oneHourHowManySeconds;
// How many minutes are there in the secondsLeft
const nMinutes = Math.floor(secondsLeft / oneMinuteHowManySeconds);
// Subtract the secondsLeft with the amount of minutes in seconds
secondsLeft -= nMinutes * oneMinuteHowManySeconds;

// Construct a message by template literal notation (baptik symbol)
const message = `
${nYears}years ${nDays}days ${nHours}hours ${nMinutes}minutes ${secondsLeft}seconds
`;
// Output to console
console.log(message);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

Uitbreiding voor extra opgave: oplossing:

./artevelde/pgm-code/pgm-1/week-1/years_days_hours_minutes_seconds_extra.js

const secondsSinceUnixEpoch = Math.floor(Date.now() / 1000);
const seconds = secondsSinceUnixEpoch; // of een random getal

// How many seconds are there in one year? 365days * 24hours (a day) * 60minutes (in one hour) * 60 seconds (in one minute)
const oneYearHowManySeconds = 1 * 365 * 24 * 60 * 60;
// How many seconds are there in a day? 24hours (a day) * 60minutes (in one hour) * 60 seconds (in one minute)
const oneDayHowManySeconds = 24 * 60 * 60;
// How many seconds are there in an hour? 60minutes (in one hour) * 60 seconds (in one minute)
const oneHourHowManySeconds = 60 * 60;
// How many seconds are there in an minute? 60 seconds (in one minute)
const oneMinuteHowManySeconds = 60;

// Variable used to define the rest of the seconds
let secondsLeft = seconds;

// How many years are there in the secondsLeft
const nYears = Math.floor(secondsLeft / oneYearHowManySeconds);
// Subtract the secondsLeft with the amount of years in seconds
secondsLeft -= nYears * oneYearHowManySeconds;
// How many days are there in the secondsLeft
const nDays = Math.floor(secondsLeft / oneDayHowManySeconds);
// Subtract the secondsLeft with the amount of days in seconds
secondsLeft -= nDays * oneDayHowManySeconds;
// How many hours are there in the secondsLeft
const nHours = Math.floor(secondsLeft / oneHourHowManySeconds);
// Subtract the secondsLeft with the amount of hours in seconds
secondsLeft -= nHours * oneHourHowManySeconds;
// How many minutes are there in the secondsLeft
const nMinutes = Math.floor(secondsLeft / oneMinuteHowManySeconds);
// Subtract the secondsLeft with the amount of minutes in seconds
secondsLeft -= nMinutes * oneMinuteHowManySeconds;

// Construct a message by template literal notation (baptik symbol)
const message = `
=====================================================================
Amount of seconds to convert = ${seconds}
=====================================================================
${seconds} seconds = ${nYears}years ${nDays}days ${nHours}hours ${nMinutes}minutes ${secondsLeft}seconds
=====================================================================
`;

const messageExtra = `
=====================================================================
Amount of seconds since UNIX Epoch to convert = ${seconds}
=====================================================================
Formatted date in Dutch locale and Belgian timezone: ${new Date(seconds * 1000).toLocaleString("nl-BE", {
  timeZone: "Europe/Brussels",
})}
=====================================================================
${seconds} seconds = ${nYears}years ${nDays}days ${nHours}hours ${nMinutes}minutes ${secondsLeft}seconds
=====================================================================

`;
// Output to console
if (secondsSinceUnixEpoch === seconds) {
  console.log(messageExtra);
} else {
  console.log(message);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

# Oppervlakte en volume

Maak een bestand surface_volume.js aan in de reeds aangemaakt folder week-1.

Bereken de oppervlakte (Eng. surface) van de volgende vormen. De waarden van de variabelen (l, b, …) mag je zelf kiezen. Log steeds per vorm het resultaat naar de console.

  • Rechthoek (Eng. rectangle)
    • l (de lengte uitgedrukt in centimeter)
    • b (de breedte uitgedrukt in centimeter)
  • Driehoek (Eng. triangle)
    • l (de lengte uitgedrukt in centimeter)
    • h (de hoogte van de lijn die loodrecht staat op de basis en uitkomt in de tegenoverliggende hoek uitgedrukt in centimeter)
  • Cirkel (Eng. circle)
    • d (de diameter van de cirkel uitgedrukt in centimeter)

Bereken het volume (Eng. volume) van de volgende vormen. Log steeds per volume het resultaat naar de console.

  • Cilinder (Eng. cylinder)
    • d (de diameter van de cilinder uitgedrukt in centimeter)
    • h (de hoogte van de cylinder uitgedrukt in centimeter)
  • Kubus (Eng. cube)
    • d (de zijde van een kubus uitgedrukt in centimeter)
Mogelijke oplossing:

./artevelde/pgm-code/pgm-1/week-1/surface_volume.js

let l, b, h, d;
let surface;

/*
 * Rectangle
 */
l = 10;
b = 20;

surface = l * b;
console.log(`Oppervlakte rechthoek is ${surface}cm²`);

/*
 * Driehoek
 */
l = 20;
h = 10;

surface = (l * h) / 2;
console.log(`Oppervlakte driehoek is ${surface}cm²`);

/*
 * Cirkel
 */
d = 50;
surface = Math.PI * Math.pow(d / 2, 2);
console.log(`Oppervlakte cirkel is ${surface}cm²`);

/*
 * Cilinder
 */
d = 30;
h = 100;
surface = h * Math.PI * Math.pow(d / 2, 2);
console.log(`Volume cilinder is ${surface}cm³`);

/*
 * Kubus
 */
d = 25;
surface = Math.pow(d, 3); // surface = d * d * d;
console.log(`Volume kubus is ${surface}cm³`);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

# Fahrenheit en Celsius

Maak een bestand fahrenheit_celsius.js aan in de reeds aangemaakt folder week-1.

In deze code gaan we de temperatuur omzetten van graden Celsius naar graden Fahrenheit en omgekeerd. Log de omzettingen naar de console.

  • Declareer een variable met een zelfgekozen aantal graden Celsius. Zet deze waarde (via een berekening) om naar Fahrenheit en log het resultaat naar de console.

  • Declareer een variable met een zelfgekozen aantal graden Fahrenheit. Zet deze waarde (via een berekening) om naar Celsius en log het resultaat naar de console.

Definitie

De formule voor de omzetting is:

f=(c∗(9/5))+32f = (c * (9 / 5)) + 32
c=((f−32)/9)∗5c = ((f - 32) / 9) * 5

Met:

  • is de temperatuur in graad Celsius ().
  • is de temperatuur in graad Fahrenheit ().
Mogelijke oplossing:

./artevelde/pgm-code/pgm-1/week-1/fahrenheit_celsius.js

const tempC = 20;
let resTemp = (tempC * 9) / 5 + 32;
console.log(`The temperature ${tempC}°C is ${resTemp}°F`);
const tempF = 18.5;
resTemp = ((tempF - 32) / 9) * 5;
console.log(`The temperature ${tempF}°F is ${resTemp}°C`);
1
2
3
4
5
6

# Guess the number

Maak een bestand guess_number.js aan in de reeds aangemaakt folder week-1.

  • Definieer een variable number en ken hieraan een waarde toe (een nummer tussen 1 en 16).
  • Definieer nu een variabele randomNumber. Randomizeer de waarde hiervan via de ingebouwde functie Math.random(). Het getal moet tussen 1 en 16.
  • Log naar de console of jouw gekozen getal kleiner, groter of gelijk is aan het random getal.

Mogelijke output (meerdere keren uitgevoerd):

  Jouw getal 5 is kleiner dan het random getal 12
  Jouw getal 5 is gelijk aan het random getal 5
  Jouw getal 5 is groter dan het random getal 2

Tip

Mogelijke oplossing:

./artevelde/pgm-code/pgm-1/week-1/guess_number.js

const number = 8;
const randomNumber = Math.floor(Math.random() * 16) + 1;
let message;
if (number < randomNumber) {
  message = `Jouw getal ${number} is kleiner dan het random getal ${randomNumber}.`;
} else if (number > randomNumber) {
  message = `Jouw getal ${number} is groter dan het random getal ${randomNumber}.`;
} else {
  message = `Jouw getal ${number} is gelijk aan het random getal ${randomNumber}.`;
}
console.log(message);
1
2
3
4
5
6
7
8
9
10
11

# Odd or even

Maak een bestand odd_or_even.js aan in de reeds aangemaakt folder week-1.

Defineer een variabele number en ken hieraan een random waarde toe tussen 0 en 50. Log naar de console of het getal even of oneven is.

Tip

  • Een getal is even als het deelbaar is door 2 zonder rest.
Mogelijke oplossing:

./artevelde/pgm-code/pgm-1/week-1/odd_or_even.js

const number = Math.floor(Math.random() * 50) + 1;

if (number % 2 === 0) {
  console.log(`${number} is even.`);
} else {
  console.log(`${number} is odd.`);
}
1
2
3
4
5
6
7

# Gender

In deze applicatie zetten we geslachtscode om in een corresponderende tekst volgens de volgende tabel:

Code Label
0 Niet gekend
1 Man
2 Vrouw
3 X
9 Niet toepasbaar

Maak een bestand gender.js aan in de reeds aangemaakt folder week-1. Initialiseer een let genderCode en sla o.b.v. deze code de juiste string op in variabele voor je te printen message.

Tip

  • Gebruik het conditionele statement switch … case

Voorbeeld output:

genderCode = 1
Je bent een man.
Mogelijke oplossing:

./artevelde/pgm-code/pgm-1/week-1/gender.js

// Declare a variable genderCode
// Try to change this value during tests (0, 1, 2, 9)
let genderCode = 1;

// Declare the variable message and assign the value '' (empty string)
let message = "";

// Construct a message based on the value of the variable genderCode
// The switch...case is ideal in this case because we want just check one condition
switch (genderCode) {
  case 1:
    message = "Je bent een man.";
    break;
  case 2:
    message = "Je bent een vrouw.";
    break;
  case 3:
    message = "Je bent een X.";
    break;
  case 9:
    message = "Je geslacht is niet van toepassing!";
    break;
  default:
    message = "Je geslacht is niet gekend!";
    break;
}
// Log the value of the variable message to the console
console.log(message);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

# Proclamation

Help de voorzitter van de examencommissie een handje met het bepalen van de graad van verdienste die op het diploma vermeld wordt.

Gewogen percentage van de student Graad van verdienste
Ten minste 50 %. op voldoende wijze
Ten minste 68 %. onderscheiding
Ten minste 77 %. grote onderscheiding
Ten minste 85 %. grootste onderscheiding
Ten minste 90 %. grootste onderscheiding en de gelukwensen van de examencommissie

Maak een bestand proclamation.js aan in de reeds aangemaakt folder week-1.

Log het resultaat naar de console en gebruik eveneens en een beker (Eng. trophy): 1 beker (op voldoende wijze), 2 bekers (onderscheiding), 3 bekers (grote onderscheiding) …

Tip

Voorbeeld eindresultaat

Je bent geslaagd op voldoende wijze. 🏆
Je bent geslaagd met grote onderscheiding. 🏆🏆🏆
Mogelijke oplossing:

./artevelde/pgm-code/pgm-1/week-1/proclamation.js

// Declare a variable resultInPercentage and assign the value 82
let resultInPercentage = 82;

// Declare the variable message and assign the value 'Je bent geslaagd '
let message = "Je bent geslaagd ";

// Construct a message based on the value of the variable resultInPercentage
// The switch...case is ideal in this case because we want just check one condition
if (resultInPercentage >= 90) {
  message +=
    "met grootste onderscheiding en de gelukwensen van de examencommissie.\u{1F3C6}\u{1F3C6}\u{1F3C6}u{1F3C6}";
} else if (resultInPercentage >= 85 && resultInPercentage < 90) {
  message += "met grootste onderscheiding. \u{1F3C6}\u{1F3C6}\u{1F3C6}u{1F3C6}";
} else if (resultInPercentage >= 77 && resultInPercentage < 85) {
  message += "met grote onderscheiding. \u{1F3C6}\u{1F3C6}\u{1F3C6}";
} else if (resultInPercentage >= 68 && resultInPercentage < 77) {
  message += "met onderscheiding. \u{1F3C6}\u{1F3C6}";
} else if (resultInPercentage >= 50 && resultInPercentage < 68) {
  message += "met onderscheiding. \u{1F3C6}";
} else {
  message += ", dat dacht je dan. Je bent niet geslaagd maar weet je hebt nog een kans.";
}
// Log the value of the variable message to the console
console.log(message);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
Week 2
© 2025 Arteveldehogeschool Laatst bijgewerkt: 13/1/2025, 10:02:14