【问题标题】:Creating random questions and answers javascript [duplicate]创建随机问题和答案javascript [重复]
【发布时间】:2017-10-06 10:33:40
【问题描述】:

我的网站有一个问答部分,其中向用户提出了 40 个可能问题中的 6 个问题。每个人都有固定的答案,但没有正确的答案。我如何在 Javascript 中随机化它,以便不总是问同样的问题?我知道可以使用问题和答案的数组来完成,但不知道如何为每一页随机化它们。这是我的 html 代码:

    <h2>What is the weather like today?</h2>

    <div class="answers">

    <div class="answers-left">
        <div class="answer1" tabIndex="1">Sunny</div>
        <div class="answer2" tabIndex="2">Raining</div>
    </div>
    <div class="answers-right">
        <div class="answer3" tabIndex="3">Cloudy</div>
        <div class="answer4" tabIndex="4">Windy</div>
    </div>

        <div class="clear"></div>
        </div>

<div class="next-button">
    <a class="ui-btn" href="question-2.html" rel="external">Next</a>
        </div>

如您所见,用户将选择一个答案,然后单击下一步转到下一个问题。我只想一次显示一个问题。任何帮助将不胜感激!

【问题讨论】:

  • 您能与我们分享您的 javascript 代码和更多问题吗?

标签: javascript arrays


【解决方案1】:

步骤 1) 声明问题表:

var questions = [1, 2, 3, 4, 5, ..., 40];

第 2 步)获取第一个随机问题

var random1 = Math.floor(Math.random() * questions.length) ;
var choice1 = questions[random1];

第 3 步)将其从表中移除

questions.splice(random1, 1);

重复第 2 步和第 3 步以获得更多问题

【讨论】:

  • 如何在其中添加答案?
  • @andrea,最好创建一个新问题,我不确定你在问什么。
  • 抱歉,我问的问题包括要随机化的问题及其答案,您的解决方案只给出了如何随机化问题。
  • @andrea,同样的原则。看看这个:codepen.io/8odoros/pen/OmQvrE
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-06-02
  • 1970-01-01
  • 2015-07-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多