一次单击一次在句子中显示一个大字符串

Question

#branchID pool
branch0 = "This is a wall of text. This is a wall of text. This is a wall of text. This is a wall of text. This is a wall of text. This is a wall of text."
branch1 = "This is a second wall of text."
branch2 = "This is a third wall of text."

#classes section
  #pulls text from pools above.
branch = (name, branchid)->
  stringID = String(branchid)
  document.write("<h1 id=\'#{stringID}\'>#{name}</h1>")
  document.getElementById(stringID).onclick = ->
    document.write(branchid)

#This is where the game goes. It will be built with conditionals
window.onload = ->  
  branch('Start', branch0)

我正在使用 CoffeeScript 创建一个基于浏览器的 "choose your own adventure" 游戏。以上是我到目前为止的代码。它会创建一个 HTML 元素，单击时，会在一个巨大的块中将一串文本写入页面。

我的问题是，我怎样才能一次只加载一个句子，然后在单击时加载下一个句子，然后下一个，直到字符串中没有其他内容为止？

Answer 1

虽然我不太确定，但您尝试完成的是什么，我使用您的代码作为基础为您制作了一个演示，（希望）可以实现您想要的效果：

https://jsfiddle.net/Exinferis/qhr7wjmu/

#branchID pool
firstBranch = [
    "This is a wall of text. This is a wall of text. This is a wall of text. This is a wall of text. This is a wall of text. This is a wall of text."
  "This is a second wall of text."
    "This is a third wall of text."
]

currentStep = 0

#classes section
  #pulls text from pools above.
branch = (event)->
  if firstBranch[currentStep]?
    document.getElementById( "text" ).innerHTML = firstBranch[currentStep]
    currentStep++

#This is where the game goes. It will be built with conditionals
window.onload = ->
    document.getElementById( "nextbtn" ).onclick = branch

一次单击一次在句子中显示一个大字符串

Displaying a large string in sentences one click at a time

javascript

string

adventure

coffeescript