Madlibs jquery故事游戏

时间:2014-11-11 20:53:07

标签: jquery dynamic

我希望有人可以帮我弄清楚我需要从什么开始。我正在制作一个疯狂的libs游戏,一旦你选择了一个答案,你就可以根据你上一节给出的答案滚动到故事的下一部分。

每个答案后,完整段落会更新 曾经有一个______梦想有一辆完美的自行车骑______。她想象着______,当她踩踏时,温暖的阳光反射在自行车的辐条上。她是______,并且知道骑行完全符合她的尺寸和风格,因为______。现在她所需要的只是______而且这里的梦想将会完整。

这是我现在拥有的。我遇到的问题是如何构建我的数据。我是否应该循环遍历所有问题并根据您选择的内容匹配值。我应该将4个性别对象与每个特定问题内容相对应吗?我应该如何在每个步骤中更新答案。

http://jsfiddle.net/visualbam/gnwgzhye/1/

There once was a _____

A. Little boy
B. Little girl
C. Woman
D. Man

如果你回答了女人,那么下一部分将是:

who was dreaming of the perfect bike to ride

A. to her daily job
B. on the beach
C. on trails

1 个答案:

答案 0 :(得分:3)

如果你有一个特定的问题,你最先尝试过的事情会更好,但这里有一个概述了实现这个目标的方法。

  1. 为您需要的不同类型的答案创建不同的数组(例如,名词数组,形容词数组等)

    var nouns = ["car", "bus", "pizza"];

  2. 决定如何选择为用户提供的选项。您可以在每个点选择一个随机子集,您可以手动指定要选择的选项,您可以创建一个依赖图,以便不同的早期答案将导致不同的后续答案等。

  3. 有一些方法可以在每个点选择一个选项。这可以是HTML选择框或您选择的其他方法。选择选项后,将其插入到正确位置的段落中。

  4. 那应该基本上就是这样。