JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
    </head>
    <body>
        <div class="row">hi</div>
        <button>Add Row</button>
    </body>
</html>

CSS

.row{
    width: 100%;
    height: 20px;
    background-color: yellow;
    margin-bottom: 5px;
}
.hidden{
    display: none;
}

JavaScript

$(document).ready(function(){
    $('button').click(function(){
        var count = $('.row').length + 1;
        $('.row:last').after('<div class="row">hi' + count + '</div>');
    });
});