第六关：大声喊出来！

任务目标：学会 4 种输出方式

🦸‍♂️

JS 队长

如果程序计算出了结果，但却不告诉我们，那就等于没算！

JS 有四种方式可以“说话”：

  1. window.alert(): 弹窗警告 (最吵的一种)
  2. document.write(): 直接写在网页上 (有点暴力)
  3. innerHTML: 写入到 HTML 元素里 (最常用)
  4. console.log(): 悄悄告诉控制台 (最专业)

📢 1. 弹窗警告 (alert)

JS 队长

这是最简单的，但也最烦人。它会暂停整个页面，直到用户点击“确定”。

🐛
alert("警告！巴格出没！");

📝 2. 修改内容 (innerHTML)

这是改变网页内容的标准姿势。我们需要先找到元素 (getElementById)，然后修改它的 innerHTML。

document.getElementById("demo").innerHTML = "我被 JS 修改了！";

我是原本的文字。

🤫 3. 悄悄话 (console.log)

这是给开发者看的。用户看不到，但在 F12 控制台里能看到。

console.log("这是一个秘密消息");

💣 4. 覆盖写入 (document.write)

🦸‍♂️

JS 队长

警告！ 这个方法很危险！

如果在页面加载完成后使用它，它会覆盖整个页面，把原来的 HTML 全部删掉！

通常只用于测试。