如何分離Javascript測驗答案？-有解無憂

我是新手（就像 4 天前我在谷歌搜索如何啟動 HTML 檔案）進行編碼，我需要幫助弄清楚如何將我的測驗答案分成單獨的行。誰能幫我？我試圖找到一種使用換行符的方法，但由于我是新手，我一直在努力尋找一種不影響其余代碼的方法。我只包括了我需要幫助的部分。如果有人需要更完整的版本，請告訴我。

這是我的代碼：

var myQuestions = [{

    question: "",
    answers: {
      A: 'Emily should tell the other members what role she is now going to fulfill.',

      B: 'Emily cannot do anything until her eight-year term is up.',

      C: 'Emily needs to talk to the other members about a role swap.'
    },
    correctAnswer: 'c'
  },

];

var quizContainer = document.getElementById('quiz');

var resultsContainer = document.getElementById('results');

var submitButton = document.getElementById('submit');

generateQuiz(myQuestions, quizContainer, resultsContainer, submitButton);

function generateQuiz(questions, quizContainer, resultsContainer, submitButton) {

  function showQuestions(questions, quizContainer) {

    var output = [];
    var answers;

    for (var i = 0; i < questions.length; i  ) {

      answers = [];

      for (letter in questions[i].answers) {

        answers.push(
          '<label>'  
          '<input type="radio" name="question'   i   '" value="'   letter   '">'  
          letter   ': '  
          questions[i].answers[letter]  
          '</label>'
        );
      }

      output.push(
        '<div >'   questions[i].question   '</div>'  
        '<div >'   answers.join('')   '</div>'
      );
    }

    quizContainer.innerHTML = output.join('');
  }

  function showResults(questions, quizContainer, resultsContainer) {

    var answerContainers = quizContainer.querySelectorAll('.answers');

    var userAnswer = '';
    var numCorrect = 0;

    for (var i = 0; i < questions.length; i  ) {

      userAnswer = (answerContainers[i].querySelector('input[name=question'   i   ']:checked') || {}).value;

      if (userAnswer === questions[i].correctAnswer) {

        numCorrect  ;

        answerContainers[i].style.color = 'darkgreen';
      } else {
        answerContainers[i].style.color = 'darkred';
      }
    }

    resultsContainer.innerHTML = numCorrect   ' out of '   questions.length;
  }

  showQuestions(questions, quizContainer);

  submitButton.onclick = function() {
    showResults(questions, quizContainer, resultsContainer);
  }

}

uj5u.com熱心網友回復：

您可以簡單地將串列項用于單獨的問題行，例如查看檔案并相應地應用 css 樣式。 https://www.w3schools.com/html/html_lists.asp

<ul>
   <li>Ans1<li>

   <li>Ans2<li>

   <li>Ans3<li>

</ul>

uj5u.com熱心網友回復：

只需將每個答案放在一個div; 在您的代碼中使用'<div><label>'和 '</label></div>'。

轉載請註明出處，本文鏈接：https://www.uj5u.com/net/359482.html

標籤：javascript

上一篇：Node.jsCouchDB和Nano“連接中發生錯誤”

下一篇：每次按添加時，如何讓我的按鈕停留在文本框的底部？