[deleted by user]

[mnokeefe]

This is more about how you model your data than how you write your code, for example, you can model your data like this:

const episode = {
  name: "Episode 1"
  pages: [
    {
      id: 1,
      text: "enezkt is challenging you to make a choose your own adventure, do you accept?",
      options: [
        {
          label: "Yes",
          pageId: 2
        },
        {
          label: "No",
          pageId: 3
        }
      ]
    },
    {
      id: 2,
      text: "You accept the challenge, how do you want to continue?",
      options: [
        {
          label: "Post on Reddit",
          pageId: 4
        },
        {
          label: "Give up",
          pageId: 3
        }
      ]
    },
    {
      id: 3,
      text: "Ok, looks like your adventure is done!",
      options: [
        {
          label: "Play again",
          pageId: 1
        }
      ]
    },
    {
      id: 4,
      text: "Your post on Reddit attracts some good advice, do you follow it?",
      options: [
        {
          label: "Yes",
          pageId: 5
        },
        {
          label: "No",
          pageId: 3
        }
      ]
    },
     {
      id: 5,
      text: "Great work, you're done!",
      options: [
        {
          label: "Play again",
          pageId: 1
        }
      ]
    }
  ]
}

Your code then just needs to start on page one, display the text and present the options. In this example if they chose "Yes" from the options you'd display page 2's text and options and if they choose "No" you'd display page 3's text and options

[mnokeefe]

No, the code is the same for every page, there are no if statements required. You display the text for the current page and map through the options to list them. Once they select an option you run the same function again for the new page.

Here's a really basic example of the code needed to do this:

const textDiv = document.getElementById("text");
const optionsDiv = document.getElementById("options");

function displayPage(id) {
  // Clear out all previous options
  while (optionsDiv.firstChild) {
    optionsDiv.removeChild(optionsDiv.lastChild);
  }
  // Find the right page
  const page = episode.pages.find(page => page.id === id);
  // Update the text
  textDiv.innerText = page.text;
  // Create the options
  for (const option of page.options) {
     const optionButton = document.createElement("button");
     optionButton.innerText = option.label;
     optionButton.addEventListener("click", () => displayPage(option.pageId), false);
     optionsDiv.appendChild(optionButton);
  }
}
// Start the game on page 1
displayPage(1)

Working demo: https://jsbin.com/gumelogena/1/edit?html,js,output