jquery - Madlibs jquery 故事游戏

Question

我希望有人能帮助我弄清楚我需要什么来开始这个。我正在制作一个疯狂的库游戏，一旦你选择了一个答案，你就会滚动到故事的下一部分，并根据你在上一节中给出的答案提供新的答案。

每个答案后都会更新完整段落曾经有一个______，他梦想拥有一辆完美的自行车来骑______。她想象______，当她踩踏板时，温暖的阳光反射在自行车的辐条上。她是 ______，并且知道这款游乐设施非常适合她的身材和风格，因为 ______。现在她所需要的只是______，在这里梦想就完成了。

这是我目前拥有的。我遇到的问题是如何构建我的数据。我是否应该循环遍历所有问题并根据您选择的内容匹配值。我是否应该有 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

Answer 1

如果您有一个具体的问题，以及您首先尝试过的事情，那就更好了，但这里是实现这一目标的一种方法的概述。

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

   var 名词 = ["car", "bus", "pizza"];

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

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

基本上应该就是这样了。