<html>
<title>TUGAS PEMROGRAMAN WEB</title>
<link rel="stylesheet" type="text/css" href="LATIHAN.css"/>
<script type="text/javascript">
function addRow(){
var kode_barang = document.getElementById("kode_barang");
var harga_item = document.getElementById("harga_item");
var jumlah_item = document.getElementById("jumlah_item");
var jumlah_harga = document.getElementById("jumlah_harga");
var totbiaya = document.getElementById("total_harga");
var table = document.getElementById("myTableData");
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
row.insertCell(0).innerHTML= '<input type="button" value = "Delete" onClick="Javacsript:deleteRow(this)">';
row.insertCell(1).innerHTML= kode_barang.value;
row.insertCell(2).innerHTML= harga_item.value;
row.insertCell(3).innerHTML= jumlah_item.value;
row.insertCell(4).innerHTML= harga_item.value*jumlah_item.value;
var k=1;
var total=0;
for(var i=0;i<rowCount;i++)
{ total += parseInt(table.rows[k].cells[4].innerHTML,10);
k++;
}
total_harga.value=total;
}
function deleteRow(obj){
var index = obj.parentNode.parentNode.rowIndex;
var table = document.getElementById("myTableData");
table.deleteRow(index);
}
function load() {
console.log("Page load finished");
}
function reset(){
var kode_barang = document.getElementById("kode_barang");
var harga_item = document.getElementById("harga_item");
var jumlah_item = document.getElementById("jumlah_item");
kode_barang.value = "";
harga_item.value = "";
jumlah_item.value = "";
}
</script>
</head>
<body onload="load()" text="black" background="w3s.jpg">
<center>
<h3>TUGAS PEMROGRAMAN WEB</h3>
</center>
<div id="myform">
<table>
<tr>
<td>Kode Barang : </td>
<td><input type="text" id="kode_barang"></td>
</tr>
<tr>
<td>Harga Barang : </td>
<td><input type="text" id="harga_item"></td>
</tr>
<tr>
<td>Jumlah Item : </td>
<td><input type="text" id="jumlah_item">
</tr>
<tr>
<td></td>
<td><input type="button" id="add" value="Add" onclick="Javascript:addRow(); sum(); addRow2();">
<input type="reset" id="clear" value="clear" onClick="Javascript:reset()"/></td>
</tr>
<tr>
</tr>
</table>
</div>
<div id="mydata">
<table id="myTableData" border="1" cellpadding="2">
<tr>
<td> </td>
<td><b>Kode Barang</b></td>
<td><b>Harga Barang</b></td>
<td><b>Jumlah Item</b></td>
<td><b>Jumlah Harga</b></td>
</tr>
</table>
</div>
<div id="sum">
<table id="myTableData" border="1" cellpadding="2">
<tr>
<td><b>Total Harga</b></td>
<td> <input type="text" id="total_harga" size="20"/> </td>
</tr>
</table>
</div>
</body>
<center>
<hr>
<pre>
Fajar Wasmansyah
201143500059
Mahasiswa Teknik Informatika
Universitas Indraprasta PGRI
Program Studi Teknik Informatika
</pre>
<hr>
</html>
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar