title: trying to display JavaScript quiz's questions in a random order
body: <p>I borrowed a quiz's code from this site <a href="https://www.sitepoint.com/simple-javascript-quiz/" rel="nofollow noreferrer">https://www.sitepoint.com/simple-javascript-quiz/</a> the thing is, I'm trying to get the questions to be displayed in a random order in the screen, rather than in the same order everytime. I've tried multiple ways but none seem to work, so help would be greatly appreciated. I'm guessing the solution lays in this function, but I'm not entirely sure what to modify.</p>
  
  <pre><code>function buildQuiz() {
  
  // we'll need a place to store the HTML output
  const output = [];
  
  // for each question...
  
  myQuestions.forEach((currentQuestion, questionNumber) =&gt; {
  // we'll want to store the list of answer choices
  const answers = [];
  
  // and for each available answer...
  
  for (letter in currentQuestion.answers) {
    // ...add an HTML radio button
    answers.push(
      `&lt;label&gt;
         &lt;input type="radio" name="question${questionNumber}" value="${letter}" id="botones"&gt;
          ${letter} :
          ${currentQuestion.answers[letter]}
       &lt;/label&gt;`
    );
  }
  
  // add this question and its answers to the output
  output.push(
    `&lt;div class="slide"&gt;
       &lt;div class="question"&gt; ${currentQuestion.question} &lt;/div&gt;
       &lt;div class="answers"&gt; ${answers.join("")} &lt;/div&gt;
     &lt;/div&gt;`
  );
  });
    // finally combine our output list into one string of HTML and put it on the page quizContainer.innerHTML = output.join(""); }
  </code></pre>