javascript - 一度に 1 回のクリックで文章内の大きな文字列を表示する

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 を使用して、ブラウザー ベースの「自分の冒険を選ぶ」ゲームを作成しています。上記は私がこれまでに持っているコードです。HTML 要素を作成し、クリックすると、テキストの文字列が 1 つの巨大なブロックでページに書き込まれます。

私の質問は、一度に 1 つの文のみが読み込まれ、クリックすると次の文が読み込まれ、文字列に何も残らないようになるまで次の文が読み込まれるようにするにはどうすればよいでしょうか?