tugas web 1 ganjil
eddy tulus purwanto, npm:201143500824,kelas X5Q
<html>
<head>
<div align="center">
<script language="javascript" type="text/javascript">
function hasil()
{
var kodebarang=document.form1.kodebarang.value;
var hargaitem=document.form1.hargaitem.value;
var jumlahitem=document.form1.jumlahitem.value;
document.write("<center>");
document.write("<table width='600' border='1' align='center' >");
document.write("<tr><td align='center'valign =height=30>KODE BARANG</td><td align='center'valign =height=30>HARGA/ITEM</td><td align='center'valign =height=30>JUMLAH ITEM</td><td align='center'valign =height=30>JUMLAH HARGA</td></tr> ");
document.write("<td align='center'= height='80'>",kodebarang,"</td><td align='center'valign =height=60> ",hargaitem,"</td><td align='center'valign =height=60>",jumlahitem,"</td><td align='center'valign =height=80>",jumlahitem*hargaitem,"</td>");
document.write("</table> <br>");
document.write("<table width='600' border='1' align='center' >");
document.write("<tr><td align='center'=height=30>TOTAL HARGA </td><td>",jumlahitem*hargaitem,"</td></tr>");
}
</script>
</head>
<body><center>
<form name="form1">
<table width="500" height="200" align="center" cellpadding="0" bgcolor="black" >
<tr>
<td height="40" align="center" bgcolor="white"></strong>FORM DATA PEMBELIAN</strong></td></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="452" border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
<td>kode barang</td>
<td><input type="text" name="kode barang" id="kodebarang"size ="12"maxlength="12"> </td>
</tr>
<tr>
<td>harga/item</td>
<td> <input type="text" name="harga /item"id="hargaitem"size="12"maxlength="30"> </td>
</tr>
<tr>
<td>jumlah item</td>
<td> <input type="text" name="jumlah item"id="jumlahitem"size="12"maxlength="12" > </td>
</tr>
<tr>
</td>
</tr>
</table>
<center><input type="button" value="NEXT" onclick="hasil()"> <input type=reset value="CENCEL"></center>
</form>
</center>
</div>
</table>
</body>
</html>
ini hasil outputnya:
tugas web 1 genap
<html>
<head>
<div align="center">
<script language="javascript" type="text/javascript">
function hasil()
{
var npm=document.form1.npm.value;
var matakuliah=document.form1.matakuliah.value;
var jumlahsks=document.form1.jumlahsks.value;
document.write("<center>");
document.write("<table width='600' border='1' align='center' >");
document.write("<tr><td align='center'valign =height=30>NPM</td><td align='center'valign =height=30>MATAKULIAH</td><td align='center'valign =height=30>JUMLAH SKS</td><td align='center'valign =height=30>BIAYA</td></tr> ");
document.write("<td align='center'= height='80'>",npm,"</td><td align='center'valign =height=60> ",matakuliah,"</td><td align='center'valign =height=60>",jumlahsks,"</td><td align='center'valign =height=80>",jumlahsks*25000,"</td>");
document.write("</table> <br>");
document.write("</table> <br>");
document.write("<table width='600' border='1' align='center' >");
document.write("<tr><td align='center' =height=30>TOTAL SKS </td><td>",jumlahsks,"</td></tr>");
document.write("<tr><td align='center'=height=30>TOTAL BIAYA </td><td>",jumlahsks*25000,"</td></tr>");
}
</script>
</head>
<body><center>
<form name="form1">
<table width="500" height="200" align="center" cellpadding="0" bgcolor="black" >
<tr>
<td height="40" align="center" bgcolor="white"></strong>FORM DATA REGISTRASI</strong></td></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="452" border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
<td>npm</td>
<td><input type="text" name="npm " id="npm"size ="12"maxlength="12"> </td>
</tr>
<tr>
<td>matakuliah</td>
<td> <input type="text" name="matakuliah"id="matakuliah"size="12"maxlength="30"> </td>
</tr>
<tr>
<td> jumlah sks</td>
<td> <input type="text" name="jumlahsks"id="jumlahsks"size="12"maxlength="12" > </td>
</tr>
<tr>
</td>
</tr>
</table>
<center><input type="button" value="NEXT" onclick="hasil()"> <input type=reset value="CENCEL"></center>
</form>
</center>
</div>
</table>
</body>
</html>
ini hasil outputnya:
terimakasih semoga bermaanfaat untuk semuanya..heheehe.....
