求助修复简单JS脚本：实现通过H1的ID让H2显示指定文本

你的代码存在几个关键问题，导致脚本无法正常运行：

• 变量调用顺序错误：你先尝试给sentence元素赋值fruit，但此时fruit变量还未定义，浏览器会直接抛出引用错误。
• 变量命名混淆：你把获取到的h1元素（id="fruit"）命名为sentence，逻辑上容易混乱，而且你实际需要的是这个元素里的文本内容，不是元素本身。
• 未正确获取目标内容：你直接使用未定义的fruit变量赋值，没有从h1元素中提取实际的文本内容。

修复后的代码如下：

<h1 id="fruit">apples</h1>

<h2>I like<span id="sentence"></span></h2>

<script>
  // 先获取h1元素
  const fruitElement = document.getElementById("fruit");
  // 提取h1的文本内容，赋值给span元素
  document.getElementById("sentence").textContent = fruitElement.textContent;
</script>

修复逻辑说明：

1. 优先获取id为fruit的h1元素，用fruitElement变量存储，命名更清晰直观。
2. 使用textContent提取元素的纯文本内容（相比innerHTML，纯文本场景下更安全，避免潜在的注入风险）。
3. 将提取到的文本赋值给id为sentence的span元素，最终就能在H2中显示完整的"I like apples"。

内容的提问来源于stack exchange，提问作者user22137857