进行多项选择测验“游戏”

Question

一些背景知识：我是几乎完全的初学者，在业余时间学习编写HTML / CSS / JavaScript。 请保持温柔。 :)

我的一个朋友，专业的程序员，为我安排了一个小项目，让我在业余时间继续工作。

我正在创建一个问答游戏，要求用户将随机选择的英语单词与四个瑞典语单词之一匹配。 我遇到了小麻烦：我不知道如何确保选择与问题相对应的测验答案。

我写了以下变量：

var quiz = [
  {question: 'yes', answers: ['ja', 'förlåt', 'brör', 'samtal'], correct: 0},
  {question: 'sorry', answers: ['att försöka', 'förlåt', 'ingen', 'vår'], correct: 1}
];

而这个功能：

function engQuestion() {
  return quiz[Math.floor(Math.random() * quiz.length)].question;
}

在HTML中，我有以下内容：

<div class="question">
  <h2>
    <script>
      document.write(engQuestion());
    </script>
  </h2>
</div>

这是我的出发点。 我试图弄清楚如何从变量中获取与我的问题相匹配的正确答案。 如果我写：

return quiz[Math.floor(Math.random() * quiz.length)].answers;

显然，这将从整个变量中随机得出一组答案，而不是从问题的相应问题数组中得出一组答案。

有没有办法从同一个随机数中同时返回问题和答案？

我没有找到一个很好的答案的原因是，大多数测验问题都与测试相关，该测试以特定顺序给出问题，而不是随机选择的问题。

非常感谢您的帮助。

我意识到对于某些人来说这似乎很简单，因此我对此表示歉意。

Answer 1

这可能会让您入门。 然后，您可能要考虑将答案列出在列表中（例如<ul> ）是否是一个好主意。 然后，单击答案时会发生什么。

 var quiz = [ {question: 'yes', answers: ['ja', 'förlåt', 'brör', 'samtal'], correct: 0}, {question: 'sorry', answers: ['att försöka', 'förlåt', 'ingen', 'vår'], correct: 1} ]; var engQuestion = function() { let randomNumber = Math.floor(Math.random() * quiz.length) let question = quiz[randomNumber].question let answers = quiz[randomNumber].answers document.getElementById('question').innerHTML= question document.getElementById('answers').innerHTML= answers } engQuestion(); 

 <div class="question"> <h2 id="question"> </h2> <h2 id="answers"> </h2> </div> 

Answer 2

我猜给var分配随机数，并用该变量返回测验问题和答案。

var ran_num = //random number 
return quiz[ran_num].question

同样可以用于返回答案。 我不知道这是否是您想要的。