Practice Assignments

om
for JavaScript

t.c
Fundamentals sections po
gs
lo
b
e.
fre
re
ha
us
ilie
ta

The Complete
JavaScript Course

@jonasschmedtman
Table of Contents

Instructions ............................................................................................................ 4

JavaScript Fundamentals – Part 1 ......................................................................... 5

LECTURE: Values and Variables ............................................................................................. 5
LECTURE: Data Types ............................................................................................................. 5
LECTURE: let, const and var ................................................................................................... 5

om
LECTURE: Basic Operators ..................................................................................................... 5
LECTURE: Strings and Template Literals ............................................................................... 6

t.c
LECTURE: Taking Decisions: if / else Statements ................................................................. 6
LECTURE: Type Conversion and Coercion ............................................................................. 6

po
LECTURE: Equality Operators: == vs. === .............................................................................. 7

gs
LECTURE: Logical Operators .................................................................................................. 7
LECTURE: The switch Statement ........................................................................................... 8
lo
LECTURE: The Conditional (Ternary) Operator ...................................................................... 8
b
e.

Solutions – Part 1 .................................................................................................. 9

fre

LECTURE: Values and Variables ............................................................................................. 9

LECTURE: Data Types ............................................................................................................. 9
re

LECTURE: let, const and var ................................................................................................... 9

ha

LECTURE: Basic Operators ................................................................................................... 10

LECTURE: Strings and Template Literals ............................................................................. 10
us

LECTURE: Taking Decisions: if / else Statements ............................................................... 10

ilie

LECTURE: Type Conversion and Coercion ........................................................................... 11

LECTURE: Equality Operators: == vs. === ............................................................................ 11
ta

LECTURE: Logical Operators ................................................................................................ 12

LECTURE: The switch Statement ......................................................................................... 12
LECTURE: The Conditional (Ternary) Operator .................................................................... 13

JavaScript Fundamentals – Part 2 ....................................................................... 14

LECTURE: Functions ............................................................................................................. 14
LECTURE: Function Declarations vs. Expressions .............................................................. 14
LECTURE: Arrow Functions................................................................................................... 14

The Complete JavaScript Course 2

 LECTURE: Functions Calling Other Functions ..................................................................... 15
LECTURE: Introduction to Arrays ......................................................................................... 15
LECTURE: Basic Array Operations (Methods) ..................................................................... 15
LECTURE: Introduction to Objects........................................................................................ 16
LECTURE: Dot vs. Bracket Notation ..................................................................................... 16
LECTURE: Object Methods.................................................................................................... 16
LECTURE: Iteration: The for Loop ......................................................................................... 16
LECTURE: Looping Arrays, Breaking and Continuing .......................................................... 17
LECTURE: Looping Backwards and Loops in Loops ........................................................... 17

om
LECTURE: The while Loop ..................................................................................................... 17

t.c
Solutions – Part 2 ................................................................................................ 18

po
LECTURE: Functions ............................................................................................................. 18
LECTURE: Function Declarations vs. Expressions .............................................................. 18
gs
LECTURE: Arrow Functions................................................................................................... 19
lo
LECTURE: Functions Calling Other Functions ..................................................................... 19
LECTURE: Introduction to Arrays ......................................................................................... 20
b
e.

LECTURE: Basic Array Operations (Methods) ..................................................................... 20

LECTURE: Introduction to Objects........................................................................................ 21
fre

LECTURE: Dot vs. Bracket Notation ..................................................................................... 21

re

LECTURE: Object Methods.................................................................................................... 22

LECTURE: Iteration: The for Loop ......................................................................................... 22
ha

LECTURE: Looping Arrays, Breaking and Continuing .......................................................... 23

us

LECTURE: Looping Backwards and Loops in Loops ........................................................... 23

LECTURE: The while Loop ..................................................................................................... 23
ilie
ta

The Complete JavaScript Course 3

Instructions
§ There is one assignment for each lecture in the JavaScript Fundamentals
Sections Part 1 and 2 (not all lectures, but most);

§ The goal of these assignments is that you can immediately apply the concepts
you learn in each video;

§ So after you complete each lecture, find the assignment for the video you just
watched, and write the code according to the instructions;

om
§ Take all the time that you need, no need to hurry!

§ The solution for each assignment is at the end of Part 1 and Part 2. I advise you

t.c
to check it out after you completed each assignment, or in case you have
trouble moving forward in the code;

po
§ In order to actually write the code, create a new script called assignments.js

gs
in the current project folder and link it to the HTML file we have been using, just
like we previously linked script.js (an HTML file can include multiple
lo
JavaScript scripts). The console will now show outputs from both script.js
b

and assignments.js 😉
e.

§ And now, go have fun with these assignments! By the way, all these
fre

assignments are about countries 🇵🇹 🇩🇪 🇮🇳

re
ha
us
ilie
ta

The Complete JavaScript Course 4

JavaScript Fundamentals – Part 1

LECTURE: Values and Variables

1. Declare variables called 'country', 'continent' and 'population' and
assign their values according to your own country (population in millions)
2. Log their values to the console

om
LECTURE: Data Types
1. Declare a variable called 'isIsland' and set its value according to your

t.c
country. The variable should hold a Boolean value. Also declare a variable
'language', but don't assign it any value yet

po
2. Log the types of 'isIsland', 'population', 'country' and 'language'
to the console
gs
lo
LECTURE: let, const and var
b
e.

1. Set the value of 'language' to the language spoken where you live (some
countries have multiple languages, but just choose one)
fre

2. Think about which variables should be const variables (which values will never
re

change, and which might change?). Then, change these variables to const.
3. Try to change one of the changed variables now, and observe what happens
ha
us

LECTURE: Basic Operators

ilie

1. If your country split in half, and each half would contain half the population,
then how many people would live in each half?
ta

2. Increase the population of your country by 1 and log the result to the console
3. Finland has a population of 6 million. Does your country have more people than
Finland?
4. The average population of a country is 33 million people. Does your country
have less people than the average country?
5. Based on the variables you created, create a new variable 'description'
which contains a string with this format: 'Portugal is in Europe, and its 11 million
people speak portuguese'

The Complete JavaScript Course 5

LECTURE: Strings and Template Literals
1. Recreate the 'description' variable from the last assignment, this time
using the template literal syntax

LECTURE: Taking Decisions: if / else Statements

1. If your country's population is greater that 33 million, log a string like this to the
console: 'Portugal's population is above average'. Otherwise, log a string like
'Portugal's population is 22 million below average' (the 22 is the average of 33

om
minus the country's population)
2. After checking the result, change the population temporarily to 13 and then to

t.c
130. See the different results, and set the population back to original

po
LECTURE: Type Conversion and Coercion gs
1. Predict the result of these 5 operations without executing them:
lo
'9' - '5';
b

'19' - '13' + '17';

e.

'19' - '13' + 17;

'123' < 57;
fre

5 + 6 + '4' + 9 - 4 - 2;
2. Execute the operations to check if you were right
re
ha
us
ilie
ta

The Complete JavaScript Course 6

LECTURE: Equality Operators: == vs. ===
1. Declare a variable 'numNeighbours' based on a prompt input like this:
prompt('How many neighbour countries does your country
have?');
2. If there is only 1 neighbour, log to the console 'Only 1 border!' (use loose equality
== for now)
3. Use an else-if block to log 'More than 1 border' in case 'numNeighbours'
is greater than 1
4. Use an else block to log 'No borders' (this block will be executed when

om
'numNeighbours' is 0 or any other value)
5. Test the code with different values of 'numNeighbours', including 1 and 0.
6. Change == to ===, and test the code again, with the same values of

t.c
'numNeighbours'. Notice what happens when there is exactly 1 border! Why

po
is this happening?
7. Finally, convert 'numNeighbours' to a number, and watch what happens now
when you input 1 gs
8. Reflect on why we should use the === operator and type conversion in this
lo
situation
b
e.
fre

LECTURE: Logical Operators

1. Comment out the previous code so the prompt doesn't get in the way
re

2. Let's say Sarah is looking for a new country to live in. She wants to live in a
ha

country that speaks english, has less than 50 million people and is not an
island.
us

3. Write an if statement to help Sarah figure out if your country is right for her.
You will need to write a condition that accounts for all of Sarah's criteria. Take
ilie

your time with this, and check part of the solution if necessary.
4. If yours is the right country, log a string like this: 'You should live in Portugal :)'. If
ta

not, log 'Portugal does not meet your criteria :('

5. Probably your country does not meet all the criteria. So go back and temporarily
change some variables in order to make the condition true (unless you live in
Canada :D)

The Complete JavaScript Course 7

LECTURE: The switch Statement
1. Use a switch statement to log the following string for the given 'language':
chinese or mandarin: 'MOST number of native speakers!'
spanish: '2nd place in number of native speakers'
english: '3rd place'
hindi: 'Number 4'
arabic: '5th most spoken language'
for all other simply log 'Great language too :D'

om
LECTURE: The Conditional (Ternary) Operator

t.c
1. If your country's population is greater than 33 million, use the ternary operator
to log a string like this to the console: 'Portugal's population is above average'.

po
Otherwise, simply log 'Portugal's population is below average'. Notice how only
one word changes between these two sentences!
gs
2. After checking the result, change the population temporarily to 13 and then to
lo
130. See the different results, and set the population back to original
b
e.
fre
re
ha
us
ilie
ta

The Complete JavaScript Course 8

Solutions – Part 1

LECTURE: Values and Variables

let country = 'Portugal';

let continent = 'Europe';
let population = 10;
console.log(country);

om
console.log(continent);
console.log(population);

t.c
po
LECTURE: Data Types gs
lo
let isIsland = false;
b

let language;
e.

console.log(typeof isIsland);
fre

console.log(typeof population);
console.log(typeof country);
re

console.log(typeof language);
ha
us
ilie

LECTURE: let, const and var

ta

language = 'portuguese';
const country = 'Portugal';
const continent = 'Europe';
const isIsland = false;
isIsland = true;

The Complete JavaScript Course 9

LECTURE: Basic Operators

console.log(population / 2);
population++;
console.log(population);
console.log(population > 6);
console.log(population < 33);
const description1 =
country +

om
' is in ' +
continent +

t.c
', and its ' +
population +

po
' million people speak ' +
language;
console.log(description1); gs
b lo
e.

LECTURE: Strings and Template Literals

fre

const description = `${country} is in ${continent}, and its

re

${population} million people speak ${language}`;

ha
us

LECTURE: Taking Decisions: if / else Statements

ilie
ta

if (population > 33) {

console.log(`${country}'s population is above average`);
} else {
console.log(
`${country}'s population is ${33 - population} million
below average`,
);
}

The Complete JavaScript Course 10

LECTURE: Type Conversion and Coercion

console.log('9' - '5'); // -> 4

console.log('19' - '13' + '17'); // -> '617'
console.log('19' - '13' + 17); // -> 23
console.log('123' < 57); // -> false
console.log(5 + 6 + '4' + 9 - 4 - 2); // -> 1143

om
t.c
LECTURE: Equality Operators: == vs. ===

po
const numNeighbours = prompt(

);
gs
'How many neighbour countries does your country have?',
b lo
// LATER : This helps us prevent bugs
e.

const numNeighbours = Number(

prompt('How many neighbour countries does your country
fre

have?'),
);
re
ha

if (numNeighbours === 1) {
console.log('Only 1 border!');
us

} else if (numNeighbours > 1) {

console.log('More than 1 border');
ilie

} else {
console.log('No borders');
ta

The Complete JavaScript Course 11

LECTURE: Logical Operators

if (language === 'english' && population < 50 && !isIsland)

{
console.log(`You should live in ${country} :)`);
} else {
console.log(`${country} does not meet your criteria :(`);
}

om
t.c
LECTURE: The switch Statement

po
switch (language) {
case 'chinese':
gs
lo
case 'mandarin':
b

console.log('MOST number of native speakers!');

e.

break;
case 'spanish':
fre

console.log('2nd place in number of native speakers');

break;
re

case 'english':
ha

console.log('3rd place');
break;
us

case 'hindi':
console.log('Number 4');
ilie

break;
case 'arabic':
ta

console.log('5th most spoken language');

break;
default:
console.log('Great language too :D');
}

The Complete JavaScript Course 12

LECTURE: The Conditional (Ternary) Operator

console.log(
`${country}'s population is ${population > 33 ? 'above' :
'below'} average`,
);

om
t.c
po
gs
b lo
e.
fre
re
ha
us
ilie
ta

The Complete JavaScript Course 13

JavaScript Fundamentals – Part 2

Note: Please start Part 2 from scratch and comment out all the code from Part 1.

LECTURE: Functions
1. Write a function called 'describeCountry' which takes three parameters:
'country', 'population' and 'capitalCity'. Based on this input, the

om
function returns a string with this format: 'Finland has 6 million people and its
capital city is Helsinki'
2. Call this function 3 times, with input data for 3 different countries. Store the

t.c
returned values in 3 different variables, and log them to the console

po
LECTURE: Function Declarations vs. Expressions gs
lo
1. The world population is 7900 million people. Create a function declaration
called 'percentageOfWorld1' which receives a 'population' value, and
b

returns the percentage of the world population that the given population
e.

represents. For example, China has 1441 million people, so it's about 18.2% of
fre

the world population

2. To calculate the percentage, divide the given 'population' value by 7900
re

and then multiply by 100

ha

3. Call 'percentageOfWorld1' for 3 populations of countries of your choice,

store the results into variables, and log them to the console
us

4. Create a function expression which does the exact same thing, called
'percentageOfWorld2', and also call it with 3 country populations (can be
ilie

the same populations)

ta

LECTURE: Arrow Functions

1. Recreate the last assignment, but this time create an arrow function called
'percentageOfWorld3'

The Complete JavaScript Course 14

LECTURE: Functions Calling Other Functions
1. Create a function called 'describePopulation'. Use the function type you
like the most. This function takes in two arguments: 'country' and
'population', and returns a string like this: 'China has 1441 million people,
which is about 18.2% of the world.'
2. To calculate the percentage, 'describePopulation' call the
'percentageOfWorld1' you created earlier
3. Call 'describePopulation' with data for 3 countries of your choice

om
LECTURE: Introduction to Arrays

t.c
1. Create an array containing 4 population values of 4 countries of your choice.
You may use the values you have been using previously. Store this array into a

po
variable called 'populations'

gs
2. Log to the console whether the array has 4 elements or not (true or false)
3. Create an array called 'percentages' containing the percentages of the
lo
world population for these 4 population values. Use the function
b

'percentageOfWorld1' that you created earlier to compute the 4

e.

percentage values
fre

LECTURE: Basic Array Operations (Methods)

re

1. Create an array containing all the neighbouring countries of a country of your

ha

choice. Choose a country which has at least 2 or 3 neighbours. Store the array
us

into a variable called 'neighbours'

2. At some point, a new country called 'Utopia' is created in the neighbourhood of
ilie

your selected country. So add it to the end of the 'neighbours' array

3. Unfortunately, after some time, the new country is dissolved. So remove it from
ta

the end of the array

4. If the 'neighbours' array does not include the country ‘Germany’, log to the
console: 'Probably not a central European country :D'
5. Change the name of one of your neighbouring countries. To do that, find the
index of the country in the 'neighbours' array, and then use that index to
change the array at that index position. For example, you can search for
'Sweden' in the array, and then replace it with 'Republic of Sweden'.

The Complete JavaScript Course 15

LECTURE: Introduction to Objects
1. Create an object called 'myCountry' for a country of your choice, containing
properties 'country', 'capital', 'language', 'population' and
'neighbours' (an array like we used in previous assignments)

LECTURE: Dot vs. Bracket Notation

1. Using the object from the previous assignment, log a string like this to the
console: 'Finland has 6 million finnish-speaking people, 3 neighbouring countries

om
and a capital called Helsinki.'
2. Increase the country's population by two million using dot notation, and then

t.c
decrease it by two million using brackets notation.

po
LECTURE: Object Methods gs
1. Add a method called 'describe' to the 'myCountry' object. This method
lo
will log a string to the console, similar to the string logged in the previous
b

assignment, but this time using the 'this' keyword.

e.

2. Call the 'describe' method

fre

3. Add a method called 'checkIsland' to the 'myCountry' object. This

method will set a new property on the object, called 'isIsland'.
re

'isIsland' will be true if there are no neighbouring countries, and false if

there are. Use the ternary operator to set the property.
ha
us

LECTURE: Iteration: The for Loop

ilie

1. There are elections in your country! In a small town, there are only 50 voters.
Use a for loop to simulate the 50 people voting, by logging a string like this to
ta

the console (for numbers 1 to 50): 'Voter number 1 is currently voting'

The Complete JavaScript Course 16

LECTURE: Looping Arrays, Breaking and Continuing
1. Let's bring back the 'populations' array from a previous assignment
2. Use a for loop to compute an array called 'percentages2' containing the
percentages of the world population for the 4 population values. Use the
function 'percentageOfWorld1' that you created earlier
3. Confirm that 'percentages2' contains exactly the same values as the
'percentages' array that we created manually in the previous assignment,
and reflect on how much better this solution is

om
LECTURE: Looping Backwards and Loops in Loops

t.c
1. Store this array of arrays into a variable called 'listOfNeighbours'
[['Canada', 'Mexico'], ['Spain'], ['Norway', 'Sweden',

po
'Russia']];
2. Log only the neighbouring countries to the console, one by one, not the entire
gs
arrays. Log a string like 'Neighbour: Canada' for each country
lo
3. You will need a loop inside a loop for this. This is actually a bit tricky, so don't
worry if it's too difficult for you! But you can still try to figure this out anyway 😉
b
e.
fre

LECTURE: The while Loop

re

1. Recreate the challenge from the lecture 'Looping Arrays, Breaking and Continuing',
but this time using a while loop (call the array 'percentages3')
ha

2. Reflect on what solution you like better for this task: the for loop or the while
loop?
us
ilie
ta

The Complete JavaScript Course 17

Solutions – Part 2

LECTURE: Functions

function describeCountry(country, population, capitalCity) {

return `${country} has ${population} million people and
its capital city is ${capitalCity}`;
}

om
const descPortugal = describeCountry('Portugal', 10,
'Lisbon');

t.c
const descGermany = describeCountry('Germany', 83,

po
'Berlin');
const descFinland = describeCountry('Finland', 6,
'Helsinki'); gs
console.log(descPortugal, descGermany, descFinland);
b lo
e.
fre

LECTURE: Function Declarations vs. Expressions

re

function percentageOfWorld1(population) {
ha

return (population / 7900) * 100;

}
us
ilie

const percentageOfWorld2 = function (population) {

return (population / 7900) * 100;
ta

};

const percPortugal1 = percentageOfWorld1(10);

const percChina1 = percentageOfWorld1(1441);
const percUSA1 = percentageOfWorld1(332);
console.log(percPortugal1, percChina1, percUSA1);

The Complete JavaScript Course 18

LECTURE: Arrow Functions

const percentageOfWorld3 = population => (population / 7900)

* 100;

const percPortugal3 = percentageOfWorld3(10);

const percChina3 = percentageOfWorld3(1441);
const percUSA3 = percentageOfWorld3(332);
console.log(percPortugal3, percChina3, percUSA3);

om
t.c
LECTURE: Functions Calling Other Functions

po
gs
const describePopulation = function (country, population) {
lo
const percentage = percentageOfWorld1(population);
const description = `${country} has ${population} million
b

people, which is about ${percentage}% of the world.`;

e.

console.log(description);
fre

};
re

describePopulation('Portugal', 10);
ha

describePopulation('China', 1441);
describePopulation('USA', 332);
us
ilie
ta

The Complete JavaScript Course 19

LECTURE: Introduction to Arrays

const populations = [10, 1441, 332, 83];

console.log(populations.length === 4);
const percentages = [
percentageOfWorld1(populations[0]),
percentageOfWorld1(populations[1]),
percentageOfWorld1(populations[2]),
percentageOfWorld1(populations[3])

om
];
console.log(percentages);

t.c
po
LECTURE: Basic Array Operations (Methods) gs
lo
const neighbours = ['Norway', 'Sweden', 'Russia'];
b
e.

neighbours.push('Utopia');
fre

console.log(neighbours);
re

neighbours.pop();
ha

console.log(neighbours);
us

if (!neighbours.includes('Germany')) {
console.log('Probably not a central European country :D');
ilie

}
ta

neighbours[neighbours.indexOf('Sweden')] = 'Republic of
Sweden';
console.log(neighbours);

The Complete JavaScript Course 20

LECTURE: Introduction to Objects

const myCountry = {
country: 'Finland',
capital: 'Helsinki',
language: 'finnish',
population: 6,
neighbours: ['Norway', 'Sweden', 'Russia']
};

om
t.c
LECTURE: Dot vs. Bracket Notation

po
console.log( gs
lo
`${myCountry.country} has ${myCountry.population} million
${myCountry.language}-speaking people,
b

${myCountry.neighbours.length} neighbouring countries and

e.

a capital called ${myCountry.capital}.`

fre

);
re

myCountry.population += 2;
ha

console.log(myCountry.population);
us

myCountry['population'] -= 2;
console.log(myCountry.population);
ilie
ta

The Complete JavaScript Course 21

LECTURE: Object Methods

const myCountry = {
country: 'Finland',
capital: 'Helsinki',
language: 'finnish',
population: 6,
neighbours: ['Norway', 'Sweden', 'Russia'],

om
describe: function () {
console.log(

t.c
`${this.country} has ${this.population} million
${this.language}-speaking people,

po
${this.neighbours.length} neighbouring countries and a
capital called ${this.capital}.`

},
); gs
b lo
checkIsland: function () {
e.

this.isIsland = this.neighbours.length === 0 ? true :

fre

false;
re

// Even simpler version (see why this works...)

// this.isIsland = !Boolean(this.neighbours.length);
ha

}
us

};
myCountry2.describe();
ilie

myCountry2.checkIsland();
console.log(myCountry2);
ta

LECTURE: Iteration: The for Loop

for (let voter = 1; voter <= 50; voter++)

console.log(`Voter number ${voter} is currently voting`);

The Complete JavaScript Course 22

LECTURE: Looping Arrays, Breaking and Continuing

const populations = [10, 1441, 332, 83];

const percentages2 = [];
for (let i = 0; i < populations.length; i++) {
const perc = percentageOfWorld1(populations[i]);
percentages2.push(perc);
}
console.log(percentages2);

om
t.c
LECTURE: Looping Backwards and Loops in Loops

po
const listOfNeighbours = [
['Canada', 'Mexico'],
gs
lo
['Spain'],
['Norway', 'Sweden', 'Russia'],
b

];
e.
fre

for (let i = 0; i < listOfNeighbours.length; i++)

for (let y = 0; y < listOfNeighbours[i].length; y++)
re

console.log(`Neighbour: ${listOfNeighbours[i][y]}`);
ha
us

LECTURE: The while Loop

ilie

const percentages3 = [];

ta

let i = 0;
while (i < populations.length) {
const perc = percentageOfWorld1(populations[i]);
percentages3.push(perc);
i++;
}
console.log(percentages3);

The Complete JavaScript Course 23