Rabu, 04 Desember 2013

Tugas Pemrograman web1

TUGAS PEMROGRAMAN WEB

TUGAS PEMROGRAMAN WEB

Kode Barang :
Harga Barang :
Jumlah Item :
  Kode Barang Harga Barang Jumlah Item Jumlah Harga
 
Total Harga
 

Fajar Wasmansyah
201143500059
Mahasiswa Teknik Informatika
Universitas Indraprasta PGRI
Program Studi Teknik Informatika

Tugas Web 1 Codingan

<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>&nbsp;</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>
&nbsp;
</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>
&nbsp;
</div>
</body>
<center>
<hr>
<pre>
Fajar Wasmansyah
201143500059
Mahasiswa Teknik Informatika
Universitas Indraprasta PGRI
Program Studi Teknik Informatika
</pre>
<hr>
</html>