一次单击一下即可在句子中显示大字符串

Displaying a large string in sentences one click at a time

本文关键字：句子 字符串 显示 一下 一次 单击      更新时间：2024-06-14
#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元素，当单击时，一串文本以一个巨大的块写入页面。

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

虽然我不太确定，但您要完成的是什么，我使用您的代码作为基础为您制作了一个演示，(希望(可以满足您的需求：

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
相关文章：