我一直在想如何用数组填充我的危险问答游戏,这样我就可以随机生成问题了,现在我的问题设置如下:
数组阅读为Question ID | Question | Question Options | Correct Answer
var cat1question1easy = ["1", "What color is the sky?", "Red", "Pink", "Blue", "Green", "Bluecorrect"];
cat1question1easy.name = "cat1question1easy";
var cat2question2easy = ["2", "What color is grass", "Yellow", "Purple", "Black", "Green", "Greencorrect"];
cat1question2easy.name = "cat1question2easy";
var cat3question3easy = ["3", "What color is dirt?", "Brown", "White", "Turqouise", "Gray", "Browncorrect"];
cat1question3easy.name = "cat1question3easy";
然后我将它们存储到一个数组中,以方便提问:
var cat1easyquestions = newArray(cat1question1easy, cat1question2easy, cat1question1easy);
然后,我使用以下命令为“问题1”槽提取随机问题:
var randomcat1easyquestion = cat1easyquestions[Math.floor(Math.random()*items.length)]
这就引出了我的主要问题,如果我的问题的html看起来像这样:
<h3></h3>
<input type="radio" name="" value="">
<input type="radio" name="" value="">
<input type="radio" name="" value="">
<input type="radio" name="" value="">
我如何填充它,以便它提取我的阵列信息,从而显示为:
<h3>What color is the sky?</h3>
<input type="radio" value="Red">
<input type="radio" value="Pink">
<input type="radio" value="Blue">
<input type="radio" value="Green">
这是一个可行的方法来产生一个随机的危险板?或者我应该寻找一个更好的路线?
2条答案
按热度按时间plupiseo1#
我建议使用不同的数据结构来存储您的问题和答案:
在这种结构中,正确答案总是放在第一位。当实际显示选项时,您将首先对它们进行排序。这有两个优点:
此外,您可能不需要实际提及问题编号,问题在整个数组中的位置定义了编号。
您的HTML还需要为答案添加标签:
这些标签的内容向用户显示答案。
下面是工作代码:
一个二个一个一个
vd8tlhqk2#
你可以这样做.你有很多错误代码像引用不存在的数组
循环数组以创建输入无线电
DEMO