Connect a script and use the Console

What you will build

Understand script loading and inspect real values in the Console.

Understand script loading and inspect real values in the Console.

<script src="js/app.js" defer></script>;

// js/app.js
console.log('Study tracker loaded');
console.table({ lessons: 12, completed: 3 });

Open the project from the previous lesson and record its current result.
Type and run the example, then complete this task: Connect the script on three pages, log progress only on Home, and locate its source line in Console.
Change at least one input, predict the result, and verify it.
Create and repair this lesson's typical failure: If app.js returns 404, recalculate the relative path from the current HTML file.

Understand script loading and inspect real values in the Console.
Read the code as input, processing, and output; point to each part.
A first successful run is not enough; verify a different input and an edge case.

Symptom	What to check
The result differs from the prediction	If `app.js` returns 404, recalculate the relative path from the current HTML file.
Nothing changes after refresh	Save the file, verify the script path, and read the first relevant Console error.

Connect the script on three pages, log progress only on Home, and locate its source line in Console.

Check the answer after you try

Rebuild it without copying and explain each decision. Key check: If app.js returns 404, recalculate the relative path from the current HTML file.