课堂互动结果预测 ｜ 编码：11a
先预测，再观察运行结果

点击按钮后，页面会发生什么？

<button id="hello">点击我</button>
<p id="result"></p>
<script>
  document.querySelector("#hello").addEventListener("click", () => {
    document.querySelector("#result").textContent = "浏览器已执行 JavaScript。";
  });
</script>

A

标题会消失。

B

result 段落会出现一行新文字。

C

浏览器会跳转到新网址。

D

按钮会自动变成图片。

查看运行结果与解释

答案：B。HTML 提供结构，JavaScript 监听点击后修改内容，CSS 负责外观。在另一门《Web前端技术实验》中再亲手运行并比较关闭 CSS、JavaScript 后的结果。