perhitungan dengan javascript

mau buat seperti purchase order gan bisa multiple insert dan tambah row sesuai kebutuhan, didalam row bisa langsung action ketika jumlah barang * harga barang akan terlihat result nya

ini form nya gan

                 <div class="col-lg-12">
                  <div class="card">
                    <div class="card-header">DETAIL</div>
                          <div class="col-lg-12" style="overflow-y: auto;max-height: 530px;">
                              <table class="table table-hover table-fixed">
                                <thead>
                                  <tr style="font-size:10px; text-align: center;">
                                    <th>NO</th>
                                    <th>NAMA BARANG</th>
                                    <th>QTY</th>
                                    <th>SATUAN</th>
																		<th>HARGA</th>
																		<th>JUMLAH</th>
                                    <th>KETERANGAN</th>
                                  </tr>
                                </thead>

                                <tbody>
                                    <tr style="font-size: 10px;">
                                      <td style="text-align: center">1</td>
                                      <td><input type="text" name="nama_barang_purchase_requisition[]" ></td>
                                      <td><input type="text" name="qty_barang_purchase_requisition[]" id="qty_barang"  onkeyup="sum();"></td>
                                      <td><input type="text" name="satuan_barang_purchase_requisition[]" ></td>
                                      <td><input type="text" name="harga_barang_purchase_requisition[]" id="harga_barang"  onkeyup="sum();" ></td>
																			<td><input type="text" id="hasil"></td>
																			<td><textarea name="keterangan_barang_purchase_requisition[]"></textarea></td>
                                    </tr>
                                </tbody>

                              </table>
															<div id="insert-form"></div>
															<button type="button" id="btn-tambah-form" class="btn btn-primary btn-sm" style="margin-bottom:10px;">
																<i class="fa fa-dot-circle-o"></i> ADD ITEM
															</button>
															<button type="button" id="btn-reset-form" class="btn btn-danger btn-sm" style="margin-bottom:10px;">
																<i class="fa fa-dot-circle-o"></i> RESET ITEM
															</button>
															<input type="hidden" id="jumlah-form" value="1">
                          </div>
                        </div>
                      </div>

ini script untuk tambah row nya gan...nah problem nya sekarang pas di script ini trigger untuk kalkulasinya ga bisa tpi yang dipertama bisa

             <script>
		$(document).ready(function(){ // Ketika halaman sudah diload dan siap
			$("#btn-tambah-form").click(function(){ // Ketika tombol Tambah Data Form di klik
				var jumlah = parseInt($("#jumlah-form").val()); // Ambil jumlah data form pada textbox jumlah-form
				var nextform = jumlah + 1; // Tambah 1 untuk jumlah form nya
				// Kita akan menambahkan form dengan menggunakan append
				// pada sebuah tag div yg kita beri id insert-form
				$("#insert-form").append(
				"<table class='table table-hover table-fixed'>" +
				"<tbody>" +
				"<tr style='font-size: 10px;' >" +
					"<td style='text-align: center;'> " + nextform + "</td>" +
					"<td><input type='text' name='nama_barang_purchase_requisition[]'></td>" +
					"<td><input type='text' name='qty_barang_purchase_requisition[]' id='qty_barang' onkeyup='sum();'></td>" +
					"<td><input type='text' name='satuan_barang_purchase_requisition[]' ></td>" +
					"<td><input type='text' name='harga_barang_purchase_requisition[]' id='harga_barang' onkeyup='sum();'></td>" +
					"<td><input type='text' id='hasil'></td>" +
					"<td><textarea name='keterangan_barang_purchase_requisition[]'></textarea></td>" +
				"</tr>" +
				"</tbody>" +
				"</table>"

			);

				$("#jumlah-form").val(nextform); // Ubah value textbox jumlah-form dengan variabel nextform
			});
			// Buat fungsi untuk mereset form ke semula
			$("#btn-reset-form").click(function(){
				$("#insert-form").html(""); // Kita kosongkan isi dari div insert-form
				$("#jumlah-form").val("1"); // Ubah kembali value jumlah form menjadi 1
			});
		});
		</script>

ini js untuk kalkulasi nya gan

<script>
			function sum() {
			      var txtFirstNumberValue = document.getElementById('qty_barang').value;
			      var txtSecondNumberValue = document.getElementById('harga_barang').value;
			      var result = parseInt(txtFirstNumberValue) * parseInt(txtSecondNumberValue);
			      if (!isNaN(result)) {
			         document.getElementById('hasil').value = result;
			      }
			}
		</script>
avatar rhezaoctavianus
@rhezaoctavianus

65 Kontribusi 2 Poin

Diperbarui 5 tahun yang lalu

2 Jawaban:

index arraynya gan blm dikasih, jadi qty_barang index keberapa yg sedang disum skrg

avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 5 tahun yang lalu

gimana gan ?

avatar rhezaoctavianus
@rhezaoctavianus

65 Kontribusi 2 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban