Javascript Quiz App

by scrippyfingers

HTML

<div class="bg1"></div>
<div id="quizQuestion"></div>
<div id="quiz"></div>
<div class="btnContainer">
  <input type='submit' id='myBtn' value='' />
</div>
<!-- end div.btnContainer -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

JavaScript

var allQuestions = [{
  question: "what time is it?",
  choices: ["10AM", "11AM", "Hammertime"],
  correctAnswer: 2
}, {
  question: "what is for lunch?",
  choices: ["Pizza", "Soup", "Tacos"],
  correctAnswer: 0
}, {
  question: "what?",
  choices: ["who", "where", "how"],
  correctAnswer: 1
}];

var submitBtn = document.getElementById("myBtn");

var currentQuestion = 0;
var tally = 0;

var quizForm = document.getElementById("quiz");
var quizQuestion = document.getElementById("quizQuestion");

var question;
var choices;

var radioButtons = document.getElementsByName('radioOption');

var index = 0;

function beginQuiz() {
  if (currentQuestion === 0) {
    submitBtn.value = "Start Quiz";
  }
}

function askQuestion() {
  choices = allQuestions[currentQuestion].choices;
  question = allQuestions[currentQuestion].question;
  if (currentQuestion < allQuestions.length) {
    submitBtn.value = "Next";
    quizQuestion.innerHTML = "<p class='quizQuestion'>" + question + "</p>";
    for (var i = 0; i < choices.length; i++) {
      quizForm.innerHTML += " <label class='answerChoice'><input type= 'radio' name= 'radioOption' value=' " + choices[i] + "'/>" + choices[i] + "</label>" + "<br>";
    }
    if (currentQuestion == allQuestions.length - 1) {
      submitBtn.value = "Submit";
    } else if (currentQuestion > allQuestions.length - 1) {
      calcQuiz();
    }
  }
}

function lookForChecked() {
  if (radioButtons.length > 1) {
    var checked = false;
    for (var i = 0; i < radioButtons.length; i++) {
      var selection = radioButtons[i];

      if (selection.checked) {
        var index = [i];
        if (i === allQuestions[currentQuestion].correctAnswer) {
          tally++;
        }
        if (currentQuestion < allQuestions.length - 1) {
          currentQuestion++;
        } else {
          console.log('you have ended the quiz');
          calcQuiz();
          return false;
        }
        break;
      }
    }
    if...