JavaScript测验中的警报

时间:2018-02-10 21:15:19

标签: javascript html5 web mobile

如何显示带有测验结果的提醒?现在我获得"纯文本"。

JavaScript的:

// on submit, show results
submitButton.addEventListener("click", showResults);

HTML5:

<div id="results"></div>

编辑:这是showResults函数

  function showResults() {
// gather answer containers from our quiz
const answerContainers = quizContainer.querySelectorAll(".answers");
// keep track of user's answers
let numCorrect = 0;
// for each question...
myQuestions.forEach((currentQuestion, questionNumber) => {
  // find selected answer
  const answerContainer = answerContainers[questionNumber];
  const selector = `input[name=question${questionNumber}]:checked`;
  const userAnswer = (answerContainer.querySelector(selector) || {}).value;
  // if answer is correct
  if (userAnswer === currentQuestion.correctAnswer) {
    // add to the number of correct answers
    numCorrect++;
    // color the answers green
    answerContainers[questionNumber].style.color = "seagreen";
  } else {
    // if answer is wrong or blank
    // color the answers red
    answerContainers[questionNumber].style.color = "red";
  }
});
// show number of correct answers out of total
resultsContainer.innerHTML = `${numCorrect} correcta(s) de ${myQuestions.length}`;

}

0 个答案:

没有答案