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" 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]').each(function(i){
    var $this = $(this),
        chosenAnswer = $this.find('.quiz-answer.active').data('quiz-answer');

    $this.click(function(){
        console.log("Chosen option has been pushed.");
        ansBank.push(chosenAnswer);
        console.log(ansBank);
    });
});