JSFiddle - React, Tailwind, and code Playground

HTML

<div class=col-lg-6>
                                <h1>Pieces</h1>
                                <form method=post>
                                <div id=pieces></div>
            
                                <button class='btn btn-success' id=addpiece>Add Piece</button>
                                <button class='btn btn-primary'>Submit</button>
                                </form>
                            </div>

JavaScript

//Java script for adding boxes 
                    $(document).ready(function(){
                     var counter = 1;
                        $("#addpiece").click(function (e) {
                            
                        	$("#pieces").append('<label>Piece ' + counter + ': </label><br>' +
                        	      '<p id=added'+counter+'><div class=row><div class=col-lg-2><label>Dimensions:</label></div>' + 
                                  '<div class=col-lg-10><input min=0 step=0.1 style=width:70px; type="number" name="width' + 
                                  counter + '" required>cm x ' +
                                  '<input min=0 step=0.1 style=width:70px; type="number" name="height' + 
                                  counter + '" required>cm x ' +
                                  '<input min=0 step=0.1 style=width:70px; type="number" name="length' + 
                                  counter + '" required>cm</div></div>' +
                                  '<div class=row><div class=col-lg-2><label>Weight:</label></div>' + 
                                  '<div class=col-lg-10><input min=0.001 step=0.001 style=width:70px; type="number" name="weight' + 
                                  counter + '" required>KG<br>' +
                                  '<input type=hidden name=counter value=' + 
                                  counter + '><button class="btn btn-danger" id="remove' + counter + '">X</button>\<script type="text\/javascript"\>' +
                                  '$("#remove' + counter + '").click(function (e) { $( "#added'+counter+'" ).remove(); return false; }  \<\/script\>' +
                                  '</div></div></p><br>');
                            counter++;
                            return false;
                         });
                         
                     
                      });