https://bhavishyanirman.com/user/js/add_row_custon.js

1$(function () {
2    
3    "use strict";
4
5    // for single input
6    
7    $("#add_row").on('click',function () {
8        var html = '';
9        html+='<div  id="remove">';
10        html+='<label for="">Name</label>';
11        html+='<div class="medicine_row_input">';
12
13        html+='<input type="text" name="name[]">';
14        html+='<button type="button" id="removeRow" ><i class="fas fa-trash" aria-hidden="true"></i></button>';
15        html+='</div>';
16        html+='</div>';
17        $("#medicine_row").append(html)
18    });
19
20    // remove custom video input field row
21    $(document).on('click', '#removeRow', function () {
22        $(this).closest('#remove').remove();
23    });
24
25    
26    
27  // for 2 input in 1 row
28
29  $("#add_row3").on('click',function () {
30    var html = '';
31    html+='<div class="row" id="remove">';
32    html+='<div class="col-xl-5 col-md-5">';
33    // html+='<label for="name">icon</label>';
34    html+='<div class="medicine_row_input">';
35    html+='<input type="text" name="name[]" id="name">';
36    html+='</div>';
37    html+='</div>';
38    html+='<div class="col-xl-5 col-md-5">';
39    // html+='<label for="name">link</label>';
40    html+='<div class="medicine_row_input">';
41    html+='<input type="text" name="name[]" id="name">';
42    html+='</div>';
43    html+='</div>';
44    html+='<div class="col-xl-2 col-md-2">';
45    html+='<div class="medicine_row_input">';
46    html+='<button type="button" id="removeRow" ><i class="fas fa-trash" aria-hidden="true"></i></button>';
47    html+=' </div>';
48    html+=' </div>';
49    html+='</div>';
50    $("#medicine_row3").append(html)
51  });
52
53  // remove custom input field row
54  $(document).on('click', '#removeRow', function () {
55    $(this).closest('#remove').remove();
56  });
57
58    
59});