title: Display javascript quiz after clicking button
body: <p>I would like to display this quiz after a button is clicked (onclick). At this moment it appears directly into the website. I am sure is pretty simple but I am stuck here. Do you know how should I add the button code?</p>
  
  <p>Here the HTML:</p>
  
  <pre><code>  &lt;div id="quiz"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Here the JavaScript quiz:</p>
  
  <pre><code>(function() {
  function buildQuiz() {
    const output = [];
  
    myQuestions.forEach((currentQuestion, questionNumber) =&gt; {
      const answers = [];
  
      for (letter in currentQuestion.answers) {
        answers.push(
          `&lt;label&gt;
          &lt;input type="radio" name="question${questionNumber}" value="${letter}"&gt;
          ${letter} :
          ${currentQuestion.answers[letter]}
        &lt;/label&gt;`
        );
      }
  
      output.push(
        `&lt;div class="question"&gt; ${currentQuestion.question} &lt;/div&gt;
      &lt;div class="answers"&gt; ${answers.join("")} &lt;/div&gt;`
      );
    });
  
    quizContainer.innerHTML = output.join("");
  }
  
  
  const quizContainer = document.getElementById("quiz");
  const myQuestions = [{
      question: "Who is the strongest?",
      answers: {
        a: "Superman",
        b: "The Terminator",
        c: "Waluigi, obviously"
      },
      correctAnswer: "c"
    },
    {
      question: "What is the best site ever created?",
      answers: {
        a: "SitePoint",
        b: "Simple Steps Code",
        c: "Trick question; they're both the best"
      },
      correctAnswer: "c"
    }
  ];
  </code></pre>