连接脚本与使用 Console

这一节要完成什么

理解脚本何时加载，学会用 Console 观察真实值。

先理解：为什么要学它

理解脚本何时加载，学会用 Console 观察真实值。

跟着做

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

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

1. 打开上一节保留的项目，先运行当前版本并记录结果。
2. 输入示例并逐行运行，完成：把脚本接入三个页面，只在主页输出学习进度，并在 Console 找到文件与行号。
3. 至少改变一个输入，先预测结果，再用浏览器验证。
4. 故意制造本节典型错误，再根据错误信息修复：如果出现 app.js 404，从当前 HTML 位置重新计算相对路径。

关键代码怎么读

• 理解脚本何时加载，学会用 Console 观察真实值。
• 代码要按输入、处理、输出三部分阅读；先指出每一部分在哪里。
• 能运行只是第一步，完成后必须用不同输入验证边界。

常见错误：看到什么，检查什么

自己完成一次

把脚本接入三个页面，只在主页输出学习进度，并在 Console 找到文件与行号。

完成检查

• 我完成了本节要求的可见结果
• 我能解释关键代码的输入、处理和输出
• 我测试了正常、边界和错误情况