JSFiddle - React, Tailwind, and code Playground
by Alimin
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr" lang="en">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>Javascript Cashier</title>
<script src="jquery-2.0.3.min.js"></script>
</head>
<body>
<h3>No Nota A08989871</h3>
<h5 id="tanggal"></h5>
<h1><!--Pemanfaatan DOM Dan Jquery Untuk Membuat Grid Bantu--></h1>
<div id='form_input' style="width:800px; height:auto; border:solid 1px black;">
<h3>Tambah Item</h3>
<form>
<table border=0>
<tr>
<td>
Kode Barang
</td>
<td>
Nama Barang
</td>
<td>
Harga Satuan
</td>
<td>
Jumlah Beli
</td>
<td>
Sub Total
</td>
</tr>
<tr>
<td>
<select id="txt_kode_barang" name="txt_kode_barang">
</select>
</td>
<td>
<input type="text" name="txt_nama_barang" disabled>
</td>
<td>
<input type="text" name="txt_harga_satuan" disabled>
</td>
<td>
<input type="text" name="txt_jumlah_beli">
</td>
<td>
<input type="text" name="txt_sub_total" disabled>
</td>
</tr>
</table>
</form>
<button onclick="saveitem()">Save</button><button onclick="cancel()">Cancel</button>
</div>
<div id="form_edit" style="width:800px; height:auto; border:solid 1px red;">
<h3>Edit Item Pembelian</h3>
<form>
<table border=0>
<tr>
<td>
Kode Barang
</td>
<td>
Nama Barang
</td>
<td>
Harga Satuan
</td>
<td>
Jumlah Beli
</td>
<td>
Sub Total
</td>
</tr>
<tr>
<td>
<select id="txt_kode_barang_edit" name="txt_kode_barang_edit">
</select>
</td>
<td>
<input type="text" name="txt_nama_barang_edit" disabled>
</td>
<td>
<input type="text" name="txt_harga_satuan_edit" disabled>
</td>
<td>
<input type="text" name="txt_jumlah_beli_edit">
</td>
<td>
<input...