Modern JavaScript from the Beginning - Second Edition - Page Router and Active Link

The video tutorial demonstrates how to build a simple JavaScript router to execute specific functions on different pages. It covers setting up a global state to track the current page, initializing the app, and using switch statements to create a router. Additionally, it explains how to highlight active navigation links based on the current page.

What is the purpose of using window location pathname in the context of building a router?

• To initialize the JavaScript file

• To store user preferences

• To determine the current page URL

• To fetch data from an external API

Why is a global state used in the JavaScript router setup?

• To track the current page

• To handle form submissions

• To store user data

• To manage API calls

What is the advantage of using a switch statement over multiple if statements in this context?

• It allows for asynchronous operations

• It is faster to execute

• It is easier to read and maintain

• It uses less memory

How does the simple router determine which functions to run for each page?

• By matching the current page with predefined cases

• By checking the user's role

• By using cookies

• By analyzing the page content

What is the purpose of the highlight active link function?

• To log user activity

• To visually indicate the current page in the navigation

• To fetch additional data

• To change the page layout

Which method is used to add a class to an element in the highlight active link function?

• element.setAttribute()

• element.style()

• element.addClass()

• element.classList.add()

Why does the init function run on every page?

• Because it is called in a loop

• Because it is attached to the DOMContentLoaded event

• Because it is part of the global state

• Because it is a default browser behavior