複数の選択肢のクイズ "ゲーム"を作成

Question

背景：私は空き時間にHTML/CSS/JavaScriptを書くことを学ぶ、ほぼ初心者です。優しくしてください。 :)

私の友人、プロのプログラマー、一緒に私の余暇時間に仕事をするための小さなプロジェクトを入れた。

ランダムに選択された英語の単語を4つのスウェーデン語のいずれかに一致させるようにユーザーに求めるクイズゲームを作成しています。私は小さなヒッチを打った：私は質問に対応するクイズの回答を選択する方法を知りません。

私は次の変数書かれている：

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} 
]; 

そして、この機能：HTML内

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

を、私はこれを持っている：

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

これは私の出発点です。私は変数から自分の質問に合った正しい答えをどうやって得ることができるかを調べようとしています。私が書く場合：

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

これは明らかに変数全体ではなく、質問の対応、質問配列からの回答のセットからの回答のランダムなセットを提供します。

同じ乱数から質問と回答の両方を返す方法はありますか？

私はこの質問に良い答えが見つからない理由は、ほとんどのクイズの質問は、質問がランダムに選択された質問ではなく特定の順序で行われるテストに関係していることです。

ありがとうございました。

これはあなたの一部にとっては非常に簡単だとわかりましたので、お詫び申し上げます。

Answer 1

varに乱数を割り当て、その変数で質問と回答を返すと思います。

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

同じものを使用して回答を返すことができます。これがあなたが意図したものかどうかは分かりません。

Answer 2

これは、あなたを始めたかもしれません。次に、回答をリストに記載するかどうかを検討することができます。 <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>