创建随机问题和答案javascript [重复]

Posted 2023-02-25

【中文标题】创建随机问题和答案javascript [重复]

【英文标题】：Creating random questions and answers javascript [duplicate]

【发布时间】：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 代码和更多问题吗？

【参考方案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