Javascript测试数组和淡出

Javascript quiz array and fadeIn/fadeOut

本文关键字:淡出 数组 测试 Javascript      更新时间:2023-09-26

所以我已经设法用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的新手。我真的很感激我能得到的所有帮助。div =)

你的问题对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)中的第一个是正确的。