四択クイズをランダムに出題したい

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
Javascriptを使って英単語の四択問題を作成しています。独学で歴も浅いため、YouTubeにある動画を真似し、選択肢から問題を選ぶことと、正誤判定することができるようになりました。私の理想として、問題をランダムに出題したいと考えており、乱数のコードが書いてあるサイトを見たのですが、現在のコードと合わせることができません。なので今回は、問題をランダムに出題できるようにするにはどうすればいいのか教えていただきたいです。もし可能であれば、問題のスタートボタンやもう一度問題を始めるボタンのコードの書き方なども教えていただければ幸いです。厚かましいとは思いますが、どうかよろしくお願いいたします。

発生している問題・エラーメッセージ

問題をランダムに出題できない、問題開始のボタンともう一度最初から解くボタンの付け方がわからない

該当のソースコード

javascript

var a = 'ゲームを開始します。';
alert (a);

const quiz = [
    {
        question: '動物',
        answers: ['animal', 
                 'house', 
                 'car', 
                 'camera'
        ],
        correct: 'animal'
    }, {
        question: '車',
        answers: ['animal', 
                 'house', 
                 'car', 
                 'camera'
        ],
        correct: 'car'
    }, {
        question: '家',
        answers: ['animal', 
                 'house', 
                 'car', 
                 'camera'
        ],
        correct: 'house'
    }, {
        question: 'カメラ',
        answers: ['animal', 
                 'house', 
                 'car', 
                 'camera'
        ],
        correct: 'camera'
    }
];

const quizLength = quiz.length;
let quizIndex = 0;
let score = 0;

const button = document.getElementsByTagName('button');
const buttonLength = button.length;

//クイズの問題文、選択肢を定義
const setupQuiz = () => {
    document.getElementById('js-question').textContent = quiz[quizIndex].question;
    let buttonIndex = 0;
    while(buttonIndex < buttonLength){
        button[buttonIndex].textContent = quiz[quizIndex].answers[buttonIndex];
        buttonIndex++;
    }
}

setupQuiz();

const clickhandler = (e) => {
    if(quiz[quizIndex].correct === e.target.textContent){
        window.alert('正解!');
        score++;
    } else {
        window.alert('不正解!'); 
    }
    quizIndex++;
    
    if(quizIndex < quizLength){
        //問題数がまだあればこちらを実行
        setupQuiz();
    } else {
        //問題数がもうなければこちらを実行
        window.alert('お疲れ様でした。あなたの正解数は' + score + '/' + quizLength + 'です。');
    }
};
      
//ボタンをクリックしたら正誤判定
let handlerIndex = 0;
while (handlerIndex < buttonLength){
    button[handlerIndex].addEventListener('click', (e) => {clickhandler(e);
});
    handlerIndex++;
}

var gaol = 10;

var progress = 0;

while(goal > progress) {
    var result = Math.floor(Math.random() * 6) + 1;
}

試したこと

Math.random, Math.floor

補足情報（FW/ツールのバージョンなど）

Brackets、本当によくわかるJavascriptの教科書

行動規範の内容に同意します

回答2件

js触ったことないんであれなんですが、

java
1question: '動物',
2        answers: ['animal', 
3                 'house', 
4                 'car', 
5                 'camera'
6        ],
7        correct: 'animal',
8        number:  0,
9        flag = false,

とかみたいにして、各単語ごとに番号を割り振り乱数で値を取得する。そしてその値の単語のflagがfalseだったら単語を出題し、flagをtrueにする。全部trueになったら終了。とかでいいんじゃないでしょうか。jsでどんなことができるのかわかりませんが、これくらいなら全言語でできると思います。よかったら参考までに。

投稿2021/01/03 18:09