F Exam

Last updated: 2023-01-05 18:18:21

F.1 Topics

The material for the exam includes Chapters 1–5 and Chapter 7, except for the following topics:

  • Using python to start up local server (Section 5.6.2)
  • Using GitHub to start up local server (Section 5.6.3)
  • The Leaflet library (Sections 7.5–7.6 and 7.8.1–7.8.2)
  • The geojson.io and mapshaper web applications (Sections 7.4.1–7.4.2)

Some technical details about the exam:

  • The exam will consist of 10 multiple-choice questions.
  • Exam duration is 3 hours.
  • The exam takes place in a regular class, with pen and paper (not in front of a computer).

F.2 Sample questions

F.2.1 Question 1

Which HTML element is used to create a top-level (largest) heading?

  1. <h1>

  2. <h6>

  3. <heading>

  4. <head>

F.2.2 Question 2

Given the following HTML code for a list with three items:

<ul>
  <li class="hot" id="first">Coffee</li>
  <li class="hot">Tea</li>
  <li class="cold">Milk</li>
</ul>

which CSS code, when linked to the HTML document, will result in the first and third item displayed with the same color?

  1. .hot {color: black} .cold {color: blue}

  2. #first {color: red}

  3. #cold {color: blue}

  4. .cold {color: blue}

F.2.3 Question 3

What will be the value of arr after running the following expressions?

let obj = {type: "Point", coordinates: [20, 30]};
let arr = obj.coordinates;
arr.push(arr[1]);

  1. [20, 30, 1]

  2. 3

  3. [20, 30]

  4. [20, 30, 30]

F.2.4 Question 4

What will be the value of y after running the following expressions?

let x = [{value: 3}, {value: 4}, {value: 5}];
let y = [];
x.forEach(function(element) { y.push(element.value); });

  1. undefined

  2. []

  3. [{value: 3}, {value: 4}, {value: 5}]

  4. [3, 4, 5]

F.2.5 Question 5

Given the following static website directory structure:

|-- www
    |-- css
    |   |-- style.css
    |-- js
        |-- jquery.js
    |-- main.js
    |-- index.html

which HTML element should one use to include style.css in index.html?

  1. <link rel="stylesheet" href="style.css">

  2. <script src="style.css">

  3. <link rel="stylesheet" href="css/style.css">

  4. <link rel="stylesheet" href="css+style.css">

F.2.6 Question 6

What will appear in the main browser window when loading an HTML document with the following contents?

<!DOCTYPE html>
<html>
<head></head>
<body>
  <p id="intro">Hello
  world
  </p>
</body>
</html>

  1. The words “Hello” and “world”, on two separate lines

  2. The phrase “Hello world”, on one line

  3. Blank page

  4. The phrase “intro Hello world”, on one line

F.2.7 Question 7

What is the right expression to clear the contents of a paragraph that has id="main"?

  1. document.getElementById("main")[0].innerHTML = "";

  2. document.getElementById("#main").innerHTML = "";

  3. document.getElementById("main").innerHTML = "";

  4. document.getElementById("main").innerHTML = 0;

F.2.8 Question 8

What will be the value of y after running the following expressions?

let x = {value: [41, 42, 43, 44]};
let y = x.value[x.value.length - 2];

  1. 41

  2. 42

  3. 43

  4. 44

F.2.9 Question 9

What will be the value of x after running the following expressions?

let obj = {course: "JavaScript", year: 2021, semester: "B"};
let x = JSON.stringify([obj.course, obj.year]) + obj.semester;

  1. ["JavaScript",2021]B

  2. ["JavaScript",2022]

  3. [{"course":"JavaScript"},{"year":2021}]B

  4. [{"course":"JavaScript"},{"year":2022},B]

F.2.10 Question 10

Which text will appear in the main browser window when loading an HTML document with the following contents, and clicking on the button twice?

<!DOCTYPE html>
<html>
<head></head>
<body>
  <p id="intro">Hi All</p>
  <input type="button" id="button" value="Click me!">
  <script>
    document
        .getElementById("button")
        .addEventListener("click", function() {
            let el = document.getElementById("intro");
            let html = el.innerHTML;
            el.innerHTML += html;
        })
  </script>
</body>
</html>

  1. Hi All

  2. Hi AllHi All

  3. Hi All Hi All Hi All Hi All

  4. Hi AllHi AllHi AllHi All