尝试使用用于文本冒险的数组让JS替换innerHTML内容

var story = [
  {
    content: "你来到了一个神秘的森林。",
    options: ["向左走", "向右走"]
  },
  {
    content: "你选择了向左走。",
    options: ["继续向前", "返回"]
  },
  {
    content: "你继续向前，发现了一座古老的城堡。",
    options: ["进入城堡", "绕过城堡"]
  },
  // ...
];

function updateStory(optionIndex) {
  var contentElement = document.getElementById("content");
  var optionsElement = document.getElementById("options");

  // 获取下一个故事内容
  var nextStory = story[optionIndex];

  // 更新内容
  contentElement.innerHTML = nextStory.content;

  // 清空选项
  optionsElement.innerHTML = "";

  // 添加新选项
  for (var i = 0; i < nextStory.options.length; i++) {
    var option = document.createElement("button");
    option.innerHTML = nextStory.options[i];
    option.setAttribute("onclick", "updateStory(" + i + ")");
    optionsElement.appendChild(option);
  }
}

<div id="content">你来到了一个神秘的森林。</div>
<div id="options">
  <button onclick="updateStory(0)">向左走</button>
  <button onclick="updateStory(1)">向右走</button>
</div>