PENGGUNAAN ANTRIAN

<html>
<head>
<title>Penggunaan Queue</title>
<script language="javascript">
<!--
var queue = new Array();

function masuk_antrian(data)
{
queue.unshift(data);
}

function keluar_antrian()
{
var yang_keluar_antrian = queue.pop();
if (queue.length == 0)
return (yang_keluar_antrian + " -> Queue sudah kosong");
else
return yang_keluar_antrian;
}

function dalam_antrian(list)
{
list.options.length = 0;
for (var i = 0; i < queue.length; i++)
{
var data = new Option(queue[i]);
list.options[list.options.length] = data;
}
}

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

<body>
<font color=#992811>Visualisasi Queue (Antrian)</font>
<form>
<input type=text name=textSimpan>
<input type=button value="Masuk Antrian" onClick = 'masuk_antrian(textSimpan.value);
textSimpan.value = "";
dalam_antrian(visualisasi);'>
<select name="visualisasi" size=12>
<option>Isi antrian....
</select>
<br>
<input type=text name=textAmbil size=20>
<input type=button value="Keluar Antrian" onClick='textAmbil.value = keluar_antrian();
dalam_antrian(visualisasi);'>
</form>
</body>
</html>

PROGRAM ANTRIAN

<html>
<head>
<title>Program Queue dengan Shift dan Unshift</title>
<script language="javascript">
<!--
function DataQueue()
{
var queue = [];
queue.unshift(1);
queue.unshift(2);
var i = queue.shift();
document.write(i + "<br>");

queue.unshift("pertama");
queue.unshift("kedua");
var i = queue.shift();
document.write(i + "<br>");
document.write(queue[0]);
}

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

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

PROGRAM TUMPUKKAN

<html>
<head>
<title>Penggunaan Struktur Data Stack (Tumpukan)</title>
<script language="javascript">
<!--
var stack = new Array();

function input_ke_stack(data)
{
stack.push(data);
}

function ambil_dari_stack()
{
var yang_ambil_dari_stack = stack.pop();
if (stack.length == 0)
return (yang_ambil_dari_stack + " -> stack sudah kosong");
else
return yang_ambil_dari_stack;
}

function dalam_antrian(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>
<font color=#992811>Visualisasi stack (Tumpukan)</font>
<form>
<input type=text name=textSimpan>
<input type=button value="Masuk Tumpukan" onClick = 'input_ke_stack(textSimpan.value);
textSimpan.value = "";
dalam_antrian(visualisasi);'>
<select name="visualisasi" size=12>
<option>Isi antrian....
</select>
<br>
<input type=text name=textAmbil size=20>
<input type=button value="Keluar Dari Tumpukan" onClick='textAmbil.value = ambil_dari_stack();
dalam_antrian(visualisasi);'>
</form>
</body>
</html>

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>