進行多項選擇測驗“游戲”

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

同樣可以用於返回答案。 我不知道這是否是您想要的。