JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<button id="addquestion">Add Q And A</button>

<div id="qandacontainer"></div>

<button id="formatcss">Format CSS</button>

<p id="output"></p>

JavaScript

$('#addquestion').on('click', function() {
    $('#qandacontainer').append("<div class='q_and_a'><p><strong>Question:</strong></br><textarea id='question_ta'></textarea></p><p><strong>Answer:</strong></br><textarea id='answer_ta'></textarea></p><button id='remove_qa'>Remove</button></div>");                
});

$('#remove_qa').on('click', function() {                             
     $(this).parent().remove(); 
});

var qanda_list = [];
$('button#formatcss').click(function () {
    $('.q_and_a').each(function() {
        var _this = $(this);
        qanda_list = [];
        qanda_list.push(_this.find("textarea#question_ta").val());
        qanda_list.push(_this.find("textarea#answer_ta").val());
    });
    console.log(qanda_list);
});