<head>
<title>Test Praktikum</title>
<script type="text/javascript">
function sukma(){
var kode= document.input.ikode.value;
document.output.okode.value=kode;
var menu= document.input.imenu.value;
document.output.ojudul.value=menu;
var harga= document.input.iharga.value;
document.output.oharga.value=harga;
var jumlah= document.input.ijumlah.value;
document.output.ojumlah.value=jumlah;
var hasil= jumlah*harga;
document.output.ohasil.value=hasil;
}
</script>
</head>
<body> <b> <h1>Input</h1> </b>
<form name="input">
<table border="0">
<tr>
<td>Kode buku</td><td> : </td>
<td> <input type="text" name="ikode" size="30"/> </td>
</tr>
<tr>
<td>Judul buku</td><td> : </td>
<td> <input type="text" name="imenu" size="30"/> </td>
</tr>
<tr>
<td>Harga</td><td> : </td>
<td> <input type="text" name="iharga" size="30"/> </td>
</tr>
<tr>
<td>Jumlah buku</td><td> : </td>
<td> <input type="text" name="ijumlah" size="30"/> </td>
</tr>
<tr>
<td colspan="3" align="right">
<input type="button" value="OK" onClick="sukma()"; />
<input type="reset" value="CANCEL"/>
</td>
</table>
</form>
<b><h1>Output </h1></b>
<form name="output">
<table border="3" >
<tr>
<td align="center">Kode buku </td>
<td align="center">Judul buku </td>
<td align="center">Harga </td>
<td align="center">Jumlah buku </td>
<td align="center">Subtotal </td>
</tr><tr>
<td><input type="text" name="okode" size="30"/> </td>
<td><input type="text" name="ojudul" size="30"/> </td>
<td><input type="text" name="oharga" size="30"/> </td>
<td><input type="text" name="ojumlah" size="30"/> </td>
<td><input type "text" name="ohasil" size="30"/> </td>
</tr>
</table>
<br>
<table border="3"> <td>Total Harga </td> <td><input type="text" name="tothar" size"12"</td></tr>
</table>
</form>
</body>
</html>
