如何根据增量和减量按钮的输入显示多次输入的卡片？

Question

我有一个带有递增和递减按钮的代码：

<div class="form-group border-dark" id="quantity">

  <label class="text-center"><strong>Quantity:</strong></label><br>

 <span class= "btn-danger quantity-decrement fa fa-minus">

 </span>

          <input type="text" class="quantity" id="quant" name="quant" value="1" min="1" max="100" disabled>

           <span class= "btn-info quantity-increment fa fa-plus">

 </span>

   </div>

另一个像这样：

    <div style="display:none" class = "eventdetail">

    <div class="card" style="padding-left:0px;">

        <div class="card-body">

            <label class="pull-right" id="none"></label>

           <label id="con"></label><br>

            <label><b>Individual Details:</b></label>

             <div class="form-inline">

                <div class="form-group border-dark">

                   <input type="text" class="form-control" name="epname[]" placeholder="Enter individual's Full Name">

                </div>

                <div class="form-group border-dark">

                   <input type="email" class="form-control" name="epmail[]" placeholder="Enter individual's Email">

                </div>

                <div class="form-group border-dark">

                   <input type="tel" class="form-control" name="epnubmer[]" placeholder="Enter individual's Phone Number">

                </div>

             </div>

            <section class="row">

                <div align="center">

                      <a class="btn btn-outline-dark remove" >Remove Ticket</a>

                </div>

             </section>                         

        </div>

     </div>

</div>

 <div id = "eventdisplay">

 </div>

我希望#eventdetail 显示我在#eventdisplay 中使用增量按钮所做的次数。请问我该怎么做？