я хочу обновить флажки, когда я нажимаю на кнопку Eventlistner - PullRequest
Новая
       59

я хочу обновить флажки, когда я нажимаю на кнопку Eventlistner

0 голосов
/ 06 октября 2019

когда я нажимаю на свой EventListener, который заставляет его перейти к следующему вопросу, я хочу, чтобы флажки вроде "обновлялись". теперь он зависает от ответа игрока на предыдущем квесте, пожалуйста, помогите мне 

<span id="choices" class="hidden">
  <input type="checkbox" id="choice1" class="checkboxes"> <span id="answer1"></span>
  <br>
  <br>
  <input type="checkbox" id="choice2" class="checkboxes"> <span id="answer2"></span>
  <br>
  <br>
  <input type="checkbox" id="choice3" class="checkboxes"> <span id="answer3"></span>
  <br>
  <br>
  <input type="checkbox" id="choice4" class="checkboxes"> <span id="answer4"></span>
  <br>
  <br>
  <hr style="margin-bottom: 50px">
  <button id="next"> Next</button>
</span>

Eventlistner 

next.addEventListener("click", function (e) {
  if (quiz.checkAnswer()) {
    quiz.score++;
  };
  console.log(quiz.checkAnswer());
  quiz.nextQuestion();
  quiz.display();
  if(quiz.currentQuestion < quiz.quests.length) {
    document.getElementById("question").innerHTML = quiz.quests[quiz.currentQuestion].question;
    document.getElementById("answer1").innerHTML = quiz.quests[quiz.currentQuestion].answer[0].alt;
    document.getElementById("answer2").innerHTML = quiz.quests[quiz.currentQuestion].answer[1].alt;
    document.getElementById("answer3").innerHTML = quiz.quests[quiz.currentQuestion].answer[2].alt;
    document.getElementById("answer4").innerHTML = quiz.quests[quiz.currentQuestion].answer[3].alt;
  }  
  quiz.setName();
  quiz.setnoOfQuestions();
  quiz.progress();
  quiz.amountOfQuestions();
  quiz.finalScore();
});

1 Ответ

0 голосов
/ 06 октября 2019

один из возможных способов - 

const kases = document.querySelectorAll('#choice1, #choice2, #choice3, #choice4')

// ...

next.addEventListener("click", function (e) {
  //...
  kases.forEach( k=>k.checked = false )
  //...

}
...