JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.google.com/jsapi"></script>
<div id="container">
  <article> data here </article>
  <article> data here </article>
  <article> data here </article>
</div>
<button id="show">show more</button>

JavaScript

$(document).ready(function() {
    
    
    $("#show").click(function(){
        var article_no=$("#container > article").length;
        for(i =article_no+1; i<=article_no+5; i++)
        {
            if (i>30)
                break;
            $("#container").append("<article> data here"+(i)+" </article>");
           
        }
       
    }); 
});