Diskusi Azril Syamin

Ditanyakan pada: Event Handler di JQuery

hasil praktis

saya sudah praktis seperti yang didalam video, hasilnya sukses,
cuma dalam case saya,
ketika button di click untuk kali pertama keluar hasilnya

click untuk kali kedua dan seterusnya,
ga ngaruh,mungkin kerana sudah dibikin satu kali,
jadi untuk click kali kedua dan seterusnya ga dibikinkan lagi

nah gimana caranya setiap kali button di click, nambah terus

ada caranya ga

Code Form

<section xss=removed class="p-3">
          <h4>My Form</h4>
          &lt;form id="myform"&gt;
            <div class="form-group">
              <label for="exampleInputEmail1">Email address</label>
              &lt;input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"&gt;
              <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
            </div>
            <div class="form-group">
              <label for="exampleInputPassword1">Password</label>
              &lt;input type="password" class="form-control" id="exampleInputPassword1"&gt;
            </div>
            <div class="form-group">
              <label for="gander">Gander</label>
              &lt;select class="form-control"&gt;
                <option>--Choose gander--</option>
                <option>Man</option>
                <option>Women</option>
              &lt;/select&gt;
            </div>
            &lt;button type="button" class="btn btn-success" id="addnew"&gt;+ ADD NEW&lt;/button&gt;
            &lt;button type="submit" class="btn btn-primary"&gt;Submit&lt;/button&gt;

          &lt;/form&gt;
        </section>

Code JQuery

    $(document).ready(function () {

      let title = $("<p>text form jquery<p>");
      let formgroup = $('<div class="form-group"></div>');
      let label1 = $('<label for="exampleInputEmail1">Email address</label>');
      let input1 = $('&lt;input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"&gt;');


      $("#myform").before(title);
      $("#myform #addnew").on("click", function () {
        $(formgroup).append(label1);
        $(formgroup).append(input1);
        $("#myform").append(formgroup);
      });
    });

terima kasih didahulukan :)