JSFiddle - React, Tailwind, and code Playground

by Teo_van_kot

HTML

<ul data-quiz-question="1">
  <li class="quiz-answer" data-quiz-answer="2">Blue is my favorite color.</li>
  <li class="quiz-answer" data-quiz-answer="3">Red is my favorite color.</li>
</ul>
<ul data-quiz-question="2">
  <li class="quiz-answer active" data-quiz-answer="3">I like apples.</li>
  <li class="quiz-answer" data-quiz-answer="4">I like oranges.</li>
</ul>

JavaScript

var ansBank = [];

$('ul[data-quiz-question]').click(function() {
  var $this = $(this),
    chosenAnswer = $this.find('.quiz-answer').data('quiz-answer');
  console.log("Chosen option has been pushed.");
  ansBank.push(chosenAnswer);
  console.log(ansBank);
});