PENGGUNAAN RECORD

<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("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 = 0FFDDF>

<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>

ENTRY PEGAWAI

<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>

Tugas Stack

<html>
<head>
<title>Struktur Data Stack</title>
<script language = "JavaScript">
var stack=new Array();
function Input_ke_Stack(data)
{
stack.push(data);
}
function Ambil_dari_Stack()
{
var data_dari_stack = stack.pop();
if(data_dari_stack ==undefined)
return "Stack Sudah Kosong";
else
return data_dari_stack;
}
function TampilkanStack(list)
{
list.options.length = 0;
for(var i=0;i<stack.length;i++){
var data = new Option(stack[i]);
list.options[list.options.length]=data;
}
}
</script>
</head>
<body>
<form>
<input type=text name=textSimpan size=25>
<input type=button value="Masukan ke Stack"
onClick='Input_ke_Stack(textSimpan.value);
textSimpan.value="";
TampilkanStack(mediaList);'>
<select name="mediaList"size=12>
<option>Tampilkan data...
</select>
<input type=text name=textAmbil size=20>
<input type=button value="Ambil dari Stack"
onClick="textAmbil.value=Ambil_dari_Stack();
TampilkanStack(mediaList);">
</form>
</body>
</html>

Tugas Queue

<html>
<head>
<title>program queue dengan pop dan unshift JavaScript</title>
<script language="JavaScript">

function DataQueue()
{
var queue=[];
queue.unshift(1);
queue.unshift(2);

var i=queue.pop();
document.write(i+"<br/>");
queue.unshift(3);
queue.unshift(4);
var i=queue.pop();
document.write(i+"<br/>");
}

</script>
</head>
<body>
<form name="FormStrukturData">
<input name="btnQueue" value="Queue" type="button" onClick="DataQueue();"/>
</form>
</body>
</html>

pengurangan matrik

<HTML>
<HEAD>
<TITLE>parameter array</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--

var MatrixA = new Array(2);
var MatrixB = new Array(2);
var MatrixHasil = new Array(2);
var i,j;
MatrixHasil [0] = new Array(2);
MatrixHasil [1] = new Array(2);

MatrixA [0] = new Array(2);

MatrixA [0][0] =prompt("masukkan elemen matrixA ke 1 : ");

MatrixA [0][1] =prompt("masukkan elemen matrixA ke 2 : ");

MatrixA [1] = new Array(2);

MatrixA [1][0] = prompt("masukkan elemen matrixA ke 3 : ");


MatrixA [1][1] = prompt("masukkan elemen matrixA ke 4 : ");


MatrixB [0] = new Array(2);

MatrixB [0][0] = prompt("masukkan elemen matrixB ke 1 : ");


MatrixB [0][1] = prompt("masukkan elemen matrixB ke 2 : ");

MatrixB [1] = new Array(2);

MatrixB [1][0] = prompt("masukkan elemen matrixB ke 3 : ");


MatrixB [1][1] = prompt("masukkan elemen matrixB ke 4 : ");

for(i=0;i<2;i++)
{
for(j=0;j<2;j++)
{
MatrixHasil [i][j]=MatrixA [i][j]-MatrixB[i][j];
}
}
document.write("MatrixA : "+"<br>");
for(i=0;i<2;i++)
{
for(j=0;j<2;j++)
{
document.write(MatrixA [i][j]);
}document.write("<br>");
}

document.write("MatrixB : "+"<br>");
for(i=0;i<2;i++)
{
for(j=0;j<2;j++)
{
document.write(MatrixB [i][j]);
}document.write("<br>");
}


document.write("Hasil Pengurangan MatrixA dikurangi MatrixB : "+"<br>");
for(i=0;i<2;i++)
{
for(j=0;j<2;j++)
{
document.write(MatrixHasil [i][j]);
}document.write("<br>");
}
//-->
</SCRIPT>
</BODY>
</HTML>

Membuat Rekaman

<html>
<head>
<title>Membuat Rekaman Objek</title>
</head>
<body>
<script language="JavaScript">
<!--
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("43E001", "Dani", "TI", "SI");
Record[1] = new Mahasiswa("43E001", "Doni", "TI", "SI");
Record[2] = new Mahasiswa("43E001", "Dina", "TI", "SI");
Record[3] = new Mahasiswa("43E001", "Dini", "TI", "SI");

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>

Program Array

<HTML>
<HEAD>
<TITLE>Belajar Array<TITLE>
</HEAD>
<BODY>
<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 ("Semoga Memperoleh Ilmu yang bermanfaat");

//-->
</SCRIPT>
</BODY>
</HTML>