DILARANG MEROKOK ! AREA BLOG INI BER AC

Sabtu, 24 April 2010














Berikut adalah kode "HTML" untuk tampilan di atas ,

<html>
<head>
<title>Modul 3. Latihan 3: Program penggunaan Record</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("43E57001", "Afghan", "TI");
databaseMHS[1] = new nilaiMHS("43E57002", "Anang", "TI");
databaseMHS[2] = new nilaiMHS("43E57003", "Krisdayanti", "TK");
databaseMHS[3] = new nilaiMHS("43E57004", "Limbad", "KA");
databaseMHS[4] = new nilaiMHS("43E57005", "Gungun", "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 = GREY>

<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>
Diposting oleh di Tidak ada komentar:

Rabu, 21 April 2010

Data Pegawai



Berikut adalah "Kode HTML" untuk tampilan di atas :

<html>
<head>
<title>Modul 3. Latihan 2: Program entri data pegawai</title>
<script language="javascript">
<!--
var dbPegawai = new Array();

function pegawai(f_nip,f_nama,f_gaji_per_jam,f_jam_kerja,f_gaji_total)
{
this.nip = f_nip;
this.nama = f_nama;
this.gaji_jam = f_gaji_per_jam;
this.jam_kerja = f_jam_kerja;
this.gaji_total = f_gaji_total;
}

function inputPegawai()
{
var nama, gaji_per_jam, jam_kerja, gaji;
while ( nip = window.prompt("Ketikkan NIP (Nomor Induk Pegawai)\n" +
"Click 'cancel' untuk berhenti !!"))
{
nama = window.prompt ("Nama Pegawai :");
gaji_per_jam = parseInt(window.prompt("Gaji per jam :"));
jam_kerja = parseInt(window.prompt("Jumlah jam kerja :"));
gaji = gaji_per_jam * jam_kerja;
dbPegawai[dbPegawai.length] = new pegawai(nip,nama,gaji_per_jam,jam_kerja,gaji);
}
showPegawai();
}

function showPegawai()
{
document.write("<table border='1'>" +
"<tr>" +
"<th>NIP</th><th>Nama</th><th>Gaji per Jam</th><th>Jam Kerja</th>" +
"<th>Gaji Total</th>" +
"</tr>");

for (i=0; i<dbPegawai.length; i++)
{
document.write("<tr>" +
"<td>" + dbPegawai[i].nip + "</td>" +
"<td>" + dbPegawai[i].nama + "</td>" +
"<td align='right'>" + dbPegawai[i].gaji_jam + "</td>" +
"<td align='right'>" + dbPegawai[i].jam_kerja + "</td>" +
"<td align='right'>" + dbPegawai[i].gaji_total + "</td>" +
"</tr>");
}
document.write("</table>");
}

//-->
</script>
</head>

<body onload = "inputPegawai();">
</body>
</html>
Diposting oleh di Tidak ada komentar:

Membuat Rekaman Obyek


Berikut ini adalah "Kode HTML" untuk tampilan di atas :

<html>
<head>
<title>Membuat Rekaman Objek</title>
</head>
<body>
<script>
<!--
var record = new Array();
function Mahasiswa(npm, nama, prodi, jenjang)
{

this.npm = npm;
this.nama = nama;
this.prodi = prodi;
this.jenjang = jenjang;


this.lihatrecordmahasiswa = lihatrecordmahasiswa;
}
function lihatrecordmahasiswa()
{
document.write("<td>" + this.npm + "</td");
document.write("<td>" + this.nama + "</td");
document.write("<td>" + this.prodi+ "</td");
document.write("<td>" + this.jenjang + "</td");
}


record[0] = new Mahasiswa("43E57006095006","Anjas", "TI" , "S1");
record[1] = new Mahasiswa("43E57006095007","Susanto","TI","S1");
record[2] = new Mahasiswa("43E57006095008","Arifin","TI","S1");
record[3] = new Mahasiswa("43E57006095009","Nugroho","TI","S1");
record[4] = new Mahasiswa("43E57006095010","Kurniawan","TI","S1");
record[5] = new Mahasiswa("43E57006095011","Solihin","TI","S1");

document.write("<table border ='1'>");
document.write("<th>NPM</th><th>Nama</th>");
document.write("<th>Prodi</th><th>Jenjang</th> <br>");

for (i=0; i < record.length; i++)
{
document.write("<tr>");
record[i].lihatrecordmahasiswa();
document.write("</tr>");
}

document.write("</table> <br>");


//-->
</script>
</body>
</html>
Diposting oleh di Tidak ada komentar:

Sabtu, 17 April 2010

Tugas 1 Array

Kode HTML

<html>
<head>
<title>Belajar Array</title>
</head>
<body><body bgcolor=grey><font color=black><font size=24>
<script language = "javascript">
<!--

var data_ku = new Array ("Saya","Sedang","Senang");



for (i=0; i<3; i++)
{
document.write(data_ku[i] +"<br>");
}

alert ("Selamat Belajar Struktur Data");
alert ("Semoga Memperoleh Ilmu yang Bermanfaat");

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

Tampilannya :

Diposting oleh di Tidak ada komentar:

Tugas 2 Array

Kode HTML

<html>
<head>
<title>Belajar Array</title>
</head>
<body><body bgcolor=grey><font color=black><font size=24>
<script language = "javascript">
<!--

var data_ku = new Array ("Saya","Sedang","Senang","Senang");

for (i=0; i<4; i++)
{
document.write(data_ku[i] +"<br>");
}

alert ("Selamat Belajar Struktur Data");
alert ("Semoga Memperoleh Ilmu yang Bermanfaat");

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

Tampilannya :


Diposting oleh di Tidak ada komentar:

Jumat, 16 April 2010

tugas 3 Array

Kode HTML

<html>

<head>

<title>Belajar Array<title>

</head>

<body><body bgcolor=grey><font color=black><font size=24>

<SCRIPT LANGUAGE = "JavaScript">

<!--



hari = new Array ("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu");

var a = prompt ("Ketikkan Kode Hari : \n dari 1-7");

document.write (hari[(a-1)]);



//-->

</SCRIPT>

</BODY>

</HTML>

Tampilannya :


Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)