JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<div id="addOnDay">
    
</div>
<button id="addAddOnDay">Add</button>

CSS

#addOnDay div { border: 1px solid green; margin-bottom: 3px; }

JavaScript

$(document).on('click','#addAddOnDay',function(){

    var rowCount = $('#addOnDay div').length + 1;

    if (rowCount > 10) {
        alert("You can't add any more rows!");
    } else {
        $('<div>').html(rowCount).appendTo('#addOnDay');
    };

});