Kamis, 29 April 2010

Modul 3 Latihan 3: Program aplikasi Record untuk mengolah nilai mahasiswa

<html>
<head>
<title>Program aplikasi Record untuk mengolah nilai mahasiswa</title>
<script language="javascript">
<!--
var databaseMHS = new Array();

function nilaiMHS(v_npm, v_nama, v_prodi)
{
this.npm = v_npm;
this.nama = v_nama;
this.prodi = v_prodi;
this.absen = 0;
this.tugas = 0;
this.uts = 0;
this.uas = 0;
this.total = 0;
}

function tambah()
{
databaseMHS[0] = new nilaiMHS("P001", "Fariz", "TI");
databaseMHS[1] = new nilaiMHS("P002", "Gani", "TI");
databaseMHS[2] = new nilaiMHS("P003", "Kokom", "TK");
databaseMHS[3] = new nilaiMHS("P004", "Pipan", "KA");
databaseMHS[4] = new nilaiMHS("P005", "Rudi", "KA");
}

function tampilkan()
{
var spasi = ""
spasi += "<table border='1'>" +
"<tr><th>NPM</th> <th>Nama</th> <th>Prodi</th>

<th>Absen</th>" +
"<th>Tugas</th> <th>UTS</th> <th>UAS</th>

<th>Total</th></tr>";

for (i=0; i<databaseMHS.length; i++)
{
spasi +="<tr>" +
"<td>" + databaseMHS[i].npm + "</td>" +
"<td>" + databaseMHS[i].nama + "</td>" +
"<td align='left'>" +

databaseMHS[i].prodi + "</td>" +
"<td align='center'>" +

databaseMHS[i].absen + "</td>" +
"<td align='center'>" +

databaseMHS[i].tugas + "</td>" +
"<td align='center'>" +

databaseMHS[i].uts + "</td>" +
"<td align='center'>" +

databaseMHS[i].uas + "</td>" +
"<td align='center'>" +

databaseMHS[i].total + "</td>" +
"</tr>";
}
spasi += "</table>";
document.getElementById("hasil").innerHTML = spasi;
}

function hitung()
{
for (i=0; i<databaseMHS.length; i++)
{
if (databaseMHS[i].npm ==

document.getElementById("npm").value)
{
databaseMHS[i].absen =

document.getElementById("absen").value;
databaseMHS[i].tugas =

document.getElementById("tugas").value;
databaseMHS[i].uts =

document.getElementById("uts").value;
databaseMHS[i].uas =

document.getElementById("uas").value;
n_absen = (databaseMHS[i].absen * 0.1);
n_tugas = (databaseMHS[i].tugas * 0.2);
n_uts = (databaseMHS[i].uts * 0.3);
n_uas = (databaseMHS[i].uas * 0.4);
databaseMHS[i].total = n_absen + n_tugas

+ n_uts + n_uas;

break;
}
}
document.getElementById("npm").value

= "";
document.getElementById("absen").value

= "";
document.getElementById("tugas").value

= "";
document.getElementById("uts").value

= "";
document.getElementById("uas").value

= "";
document.getElementById("npm").focus();

tampilkan();
}
//-->
</script>
</head>

<body onload = "tambah(); tampilkan();">
`
<table border="0" bgcolor = fd3f05>

<tr><th align = right>NPM</th> <th>:</th>
<th align = left>
<input id="npm" type="text" size="15" maxlength="14">
</th>
</tr>

<tr><th align = right>Nilai Absen</th> <th>:</th>
<th align = left>
<input id="absen" type="text" size="4" maxlength="2">
</th>
</tr>

<tr><th align = right>Nilai Tugas</th> <th>:</th>
<th align = left>
<input id="tugas" type="text" size="4" maxlength="2">
</th>
</tr>

<tr><th align = right>Nilai UTS</th> <th>:</th>
<th align = left>
<input id="uts" type="text" size="4" maxlength="2">
</th>
</tr>

<tr><th align = right>Nilai UAS</th> <th>:</th>
<th align = left>
<input id="uas" type="text" size="4" maxlength="2">
</th>
</tr>

<tr>
<th align = center colspan=3>
<input type="button" value="Hitung Nilai"

onclick="hitung()">
</th>
</tr>
</table>

<hr>
Data Kuliah Akhir Mahasiswa <br>
Mata Kuliah Struktur Data
<hr>

<table>
<tr><td colspan=5><div id="hasil">Area

Hasil</div></td></tr>
</table>
<br>

</script>
</body>
</html>