ایجاد تب با جاوااسکریپت

[atropatan 0]

سلام دوستان میخوام با جاوااسکریپت تب محتوا درست کنم به شکلی که کاربر وقنی رو دکمه افزایش تب کلیک کرد یه تب براش اضافه بشه.

که تب رو ساختم ولی داخلتب میخوام چند input درست کنم که هر کدومشون id مشخصی دارن و اطلاعات رو بصورت ارایه به سرور ارسال کنم.

کد زیر رو نوشتم براش ولی وقتی رو دکمه افزایش تب کلیلک میکنم به تعداد input تب اولی به تب های بعدی هم اضافه میشه

مشکل کدرو ممنون میشم بگین

 

add_place_tab=function()
{
  const id=document.getElementsByClassName('description').length+1;
  const html='<li class="nav-item description" role="presentation">' +
      '<a class="nav-link"  id="detail-tab" data-toggle="tab" href="#child-detail" role="tab" aria-controls="profile" aria-selected="false">موضوع-'+id+'</a>' +
   '</li>'
    $("#myTab").append(html);
    Element.html = add_place_input(id);

};
add_place_input=function(id)
{
    const html2='<div class="form-group" style="display: flex; margin-top: 10px">' +
        '<div type="lable" class="title">عنوان:   </div>' +
        '<input type="text" class="form-control" name="childTitle[-'+id+']">' +
        '</div>' +
        '<div class="form-group">' +
        '<textarea type="text" class="form-control ckeditor" name="childDescription[-'+id+']"></textarea>' +
        '</div>'
    $("#child-detail").append(html2);
};