JSFiddle - React, Tailwind, and code Playground

by Blake Plumb

HTML

<div class="item" style="border:1px solid blue; padding:7px; display:none;">hello</div>
<button class="addItem">add item</button>

JavaScript

var count = 0;
$(".addItem").click(function(){
    //clone hidden item element blueprint
    var item = $('.item').eq(0).clone();

    //SHOW element and insert ONCE after last element with class 'item'
  $(item).show().insertAfter('.item:last');

    //Change inner text of element
    $(item).text("apples"+count);
  count++;
});