Question

所以我设法用Javascript做了一个简单而简单的测验，主要是一个包含问题和答案的数组（截至目前，只有数字）。

['How many moons does Earth have?', 1],
['How many moons does the saturn have?', 31],
['How many moons does venus have?',0]

如果答案是正确的，我还有一个可以增加分数的功能。

function asQuestion(question) {
var answer = prompt(question[0], '');
if (answer == question[1]) {

    score++;
}

现在，我只有提示，这有点俗气，不是我想要的。我正在寻找的是，我如何用多个答案存储这些问题（其中只有一个是正确的）？是否可以使用<p>，literal或表单来编写这些问题，点击按钮，淡出已回答的问题，并提供新的问题，而不是使用提示？

（例如：问题1：Radio1（什么是芬兰的国会大厦）Radio2（什么是最大的海洋）。我检查收音机1，并点击'下一个问题'。

只是寻找一些建议，提示和指导，因为我对Javascript和jQuery很新。我非常感谢能得到的所有帮助。 =）

Answer 1

您的问题对于Stack Overflow来说有点过于宽泛，但这里有一些指导原则。

是的，你说的都是可能的！你可以从简单的事情开始：

['How many moons does Earth have?', 1, 0, 2, 3]

知道第一个答案是正确的，并将它们随机播放。

您甚至可以为每个答案单独创建一个按钮（通过消除冗余点击来改善用户体验），但要注意那种情况下的意外点击。这完全取决于你。

这是我为你做的一个超级简单的测验：http://jsfiddle.net/rTv97/当然，有数百万种方法可以改进它。但它应该让你开始。

请注意我使用的系统：

['How many moons does the saturn have?', 1, 31, 35, 29, 48]
             \        /                  ^    \         /
                text                 correct    answers

它是：问题文本，正确答案索引（基于一个），答案。所以，这里的数字1表示4个答案中的第一个（31,35,29,48）是正确的。

Javascript测验数组和fadeIn / fadeOut

1 个答案: