JSFiddle - React, Tailwind, and code Playground

by davehol

HTML

<h2>The "%%FORM_NAME%%" has received the following response: </h2>

<p>Submitted on: %%SUBMITTED_DATE%%<br>
  Completion time: %%COMPLETION_TIME%%<br>
  Registration ID: %%tfa_149%%<br>
  Email: %%tfa_154%%</p>
<h3>Responses</h3>
<hr />
<h4>Question 1 - part A</h4>
<p>i correct the error<br>
  %%tfa_5%%</p>
<p>ii name the correct tense<br>
  %%tfa_7%%</p>
<p>iii define the correct tense<br>
  %%tfa_9%%</p>

<h4>Question 1 - part B</h4>
<p>i correct the error<br>
  %%tfa_33%%</p>
<p>ii name the correct tense<br>
  %%tfa_34%%</p>
<p>iii define the correct tense<br>
  %%tfa_35%%</p>

<h4>Question 1 - part C</h4>
<p>i correct the error<br>
  %%tfa_45%%</p>
<p>ii name the correct tense<br>
  %%tfa_46%%</p>
<p>iii define the correct tense<br>
  %%tfa_47%%</p>

<h4>Question 1 - part D</h4>
<p>i correct the error<br>
  %%tfa_21%%</p>
<p>ii name the correct tense<br>
  %%tfa_22%%</p>
<p>iii define the correct tense<br>
  %%tfa_23%%</p>

<h4>Question 1 - part E</h4>
<p>i correct the error<br>
  %%tfa_57%%</p>
<p>ii name the correct tense<br>
  %%tfa_58%%</p>
<p>iii define the correct tense<br>
  %%tfa_59%%</p>
<hr />
<h4>Question 2 </h4>

Adjective: %%tfa_62%%<br>
Adverb: %%tfa_64%%<br>
Contraction: %%tfa_66%%<br>
Present Continuous: %%tfa_68%%<br>
Question Tag: %%tfa_70%%<br>
Passive: %%tfa_72%% <br>
Past participle: %%tfa_74%%<br>
Past continuous verb: %%tfa_76%% <br>
Phrasal Verb: %%tfa_78%%<br>
Preposition of place: %%tfa_80%%<br>
Relative pronoun: %%fa_82%%<br>
Irregular verb: %%tfa_84%%<br>
Pronoun: %%tfa_86%%<br>
<hr />
<h4>Question 3 </h4>

manipulate: %%tfa_90%%<br>
conduct(verb): %%tfa_95%%<br>
effective: %%tfa_97%%<br>
conduct(noun): %%tfa_99%%<br>
correspond: %%tfa_92%%<br>
desert(verb): %%tfa_101%%<br>
prefer: %%tfa_103%%<br>
dessert: %%tfa_105%%<br>
wanted: %%tfa_107%%<br>
electric: %%tfa_109%%<br>
photographer: %%tfa_111%%<br>
electricity: %%tfa_113%%<br>
<hr />
<h4>Question 4 </h4>

take / bring:<br>
%%tfa_116%%<br><br>
win /...