JSFiddle - React, Tailwind, and code Playground

by dvanauken

HTML

<form method="post" action="#">

  <div class='form-group xxx'  style='background:lightgreen;'>
    <div class="exercise">
      <label>lorem ipsum</label>
      <input type="text" name="exercise[]">
      <button class="add">+</button>
    </div>
  </div>


</form>

JavaScript

$('.xxx').on('click', '.remove', function() {
  $(this).parent().remove();
  return false;
});

$('*').on('click', '.add', function() {
 	$(this).closest('.xxx').append('<div class=\'exercise\'><label>lorem ipsum</label><input type=\'text\' name=\'exercise[]\'><button class=\'add\'>+</button><button class=\'remove\'>-</button></div>');
  return false;
});