Untitled

/************************

    Name: Kholid Hidayat

    Program name: Input Transaksi

    Date: 08/22/2017

    Purpose:
 			membuat perhitungan 3 kolom di textbox.. tapi saya baru bisa bikin di 2 kolom.
skema seperti ini : Total Volume/Unit * Harga Volume/Unit = Jumlah Harga  <<saya baru bisa penjumlah otomatis itu
					Jumlah Harga - Uang Muka/DP = Sisa Pembayaran <<saya mau nambahin perhitungan ini tpi gk bisa nambahin di scriptnya   alias malah nothing happen ?

pleass help me.. thanks before.

**************************/

<?php
//membuat koneksi ke database
$host = 'localhost';
  $user = 'root';
  $password = '';
  $database = 'bangunkarya';

  $konek_db = mysql_connect($host, $user, $password);
  $find_db = mysql_select_db($database) ;
  $tanggal=date("d-m-Y");
?>

<html>
<title> Data Transaksi Masuk </title>
<link rel="stylesheet" type="text/css" href="style.css"><br>


<body width='900px'>
<center>
<h2>DATA TRANSAKSI CV. BANGUN KARYA </h2>
<center><img width=100 height=100 src='images/logo.jpg' />

<br>
<br>

<hr>

  <div class="container">

        <!-- Page Heading -->
        <div class="row">
  <div class="col-md-8">


<html>
<head>
 <title> Tambah Order Masuk </title>
 <link href ="css_submit.css" rel="stylesheet" type="text/css">

<script>
function sum() {
     var txtFirstNumberValue = document.getElementById('Total Volume/Unit').value;
     var txtSecondNumberValue = document.getElementById('Harga Volume/Unit').value;
	 var result = parseInt(txtFirstNumberValue) * parseInt(txtSecondNumberValue);
     if (!isNaN(result)) {
       document.getElementById('Jumlah Harga').value = result;
     }
	}
</script>

</head>
<body style = 'margin : 20px; font : 16px arial;'>
 <center>
 <p> Isi Detail Transaksi </p>

 <form method = 'POST' action = 'aksi_tambah_order.php'>
 <table border = '1' cellspacing = '1' cellpadding = '10'
 style = 'border : #aaa; color: #101; font-family : arial; fot-size : 12px;'>
 <tr>
  <td> Id Nota </td>
  <td width = '5' align = 'center'> : </td>
  <td> <input type = 'text' placeholder='Id Nota' name = 'id_nota' /> </td>
  </tr>
 <tr>
  <td> Tanggal </td>
  <td width = '5' align = 'center'> : </td>
  <td> <input type = 'date' placeholder='Tanggal' name = 'date' /> </td>
  </tr>
 <tr>
  <td> Nama Konsumen </td>
  <td width = '5' align = 'center'> : </td>
  <td> <input type = 'text' placeholder='Nama Konsumen' name = 'nama_konsumen' /> </td>
  </tr>
 <tr>
  <td> Alamat </td>
  <td width = '5' align = 'center'> : </td>
  <td> <input type = 'text' placeholder='Alamat' name = 'alamat' /> </td>
  </tr>
 <tr>
  <td> Nama Proyek </td>
  <td width = '5' align = 'center'> : </td>
  <td> <input type = 'text' placeholder='Nama Proyek' name = 'nama_proyek' /> </td>
  </tr>
 <tr>
  <td> Rincian Order </td>
  <td width = '5' align = 'center'> : </td>
  <td> <input type = 'text' placeholder='Rincian Order' name = 'rincian_order' /> </td>
  </tr>
 <tr>
  <td> Total Volume/Unit </td>
  <td width = '5' align = 'center'> : </td>
  <td> <input type = 'text' id="Total Volume/Unit" name = 'total_volume/unit' onKeyUp="sum();"/> </td>
  </tr>
 <tr>
  <td> Harga Volume/Unit </td>
  <td width = '5' align = 'center'> : </td>
  <td> <input type = 'text' id="Harga Volume/Unit" name = 'harga_volume/unit' onKeyUp="sum();"/> </td>
  </tr>
 <tr>
  <td> Jumlah Harga </td>
  <td width = '5' align = 'center'> : </td>
  <td> <input type = 'text' id="Jumlah Harga" name = 'jumlah_harga' /> </td>
  </tr>
 <tr>
  <td> Uang Muka/DP </td>
  <td align = 'center'> : </td>
  <td> <input type = 'text' id="Uang Muka/DP" name = 'uang_muka/dp' /> </td>
  </tr>
 <tr>
  <td> Sisa Pembayaran </td>
  <td align = 'center'> : </td>
  <td> <input type = 'text' id="Sisa Pembayaran" name = 'sisa_pembayaran' /> </td>
  </tr>

 <tr>
 <td colspan = '3' align = 'center'>
 <input type = 'submit' name = 'submit' value = 'Submit'/>
 <input type = 'reset' name = 'Reset' value = 'Reset' /> </td>
 </tr>
</table>
<a href = 'order_entry.php'> Kembali </a>
</form>
</body>
</html>