<html>
<head>
<script LANGUAGE = "Javascript">
function Urutkan (form)
{
DataKosong= false;
DataInputan = form.Data.value;
inputData = DataInputan.split (",");
for (var i = 0; i<inputData.length; i++)
{
inputData [i] = parseInt (inputData[i],10);
if (isNaN (inputData [i]) )
{
DataKosong = true;
break;
}
}
inputData = bubbleSort (inputData, 0, inputData.length-1);
if (DataKosong)
{
alert ("Silakan Entri Dulu Data, Pisahkan dengan tanda Koma");
form.Data.focus();
}
else
form.Hasil.value = DataString (inputData,0);
}
function DataString (ArrayData, Angka)
{
if ( (ArrayData.length - 1) >= Angka)
return (ArrayData[Angka] + "," + DataString (ArrayData, (Angka + 1) ) );
else
return "";
}
function bubbleSort (ArrayData, Mulai, MulaiBaru)
{
for (var i=MulaiBaru-1; i>=Mulai; i--)
{
for (var j=Mulai; j<=i; j++)
{
if (ArrayData[j+1] < ArrayData [j] )
{
var DataTemporer = ArrayData [j];
ArrayData [j] = ArrayData [j+1];
ArrayData[j+1] = DataTemporer;
}
}
}
return ArrayData;
}
</script>
</head>
<body>
<center>
<form>
Masukan Deretan Angka "," Pisahkan dengan Koma :
<hr>
<input type = text name=Data size=30 Value="">
<br>
<input type=button value="Urutkan" onClick="Urutkan (this.form)">
<br>
<br>
Hasil Pengurutan :
<hr>
<input type=text name=Hasil size=30>
</form>
</center>
</body>
</html>
Selasa, 29 Juni 2010
sort descending
<html>
<head>
<script LANGUAGE = "Javascript">
function Urutkan (form)
{
DataKosong= false;
DataInputan = form.Data.value;
inputData = DataInputan.split (",");
for (var i = 0; i<inputData.length; i++)
{
inputData [i] = parseInt (inputData[i], 10);
if (isNaN (inputData [i]) )
{
DataKosong = true;
break;
}
}
inputData = bubbleSort (inputData, 0, inputData.length-1);
if (DataKosong)
{
alert ("Silakan Entri Dulu Data, Pisahkan dengan tanda Koma");
form.Data.focus();
}
else
form.Hasil.value = DataString (inputData,0);
}
function DataString (ArrayData, Angka)
{
if ( (ArrayData.length - 1) >= Angka)
return (ArrayData[Angka] + "," + DataString (ArrayData, (Angka + 1) ) );
else
return "";
}
function bubbleSort (ArrayData, Mulai, MulaiBaru)
{
for (var i=MulaiBaru-1; i>=Mulai; i--)
{
for (var j=Mulai; j<=i; j++)
{
if (ArrayData[j+1] > ArrayData [j] )
{
var DataTemporer = ArrayData [j];
ArrayData [j] = ArrayData [j+1];
ArrayData[j+1] = DataTemporer;
}
}
}
return ArrayData;
}
</script>
</head>
<body>
<center>
<form>
Masukan Deretan Angka, Pisahkan denga Koma :
<hr>
<input type = text name=Data size=30 Value="">
<br>
<input type=button value="Urutkan" onClick="Urutkan (this.form)">
<br>
<br>
Hasil Pengurutan :
<hr>
<input type=text name=Hasil size=30>
</form>
</center>
</body>
</html>
<head>
<script LANGUAGE = "Javascript">
function Urutkan (form)
{
DataKosong= false;
DataInputan = form.Data.value;
inputData = DataInputan.split (",");
for (var i = 0; i<inputData.length; i++)
{
inputData [i] = parseInt (inputData[i], 10);
if (isNaN (inputData [i]) )
{
DataKosong = true;
break;
}
}
inputData = bubbleSort (inputData, 0, inputData.length-1);
if (DataKosong)
{
alert ("Silakan Entri Dulu Data, Pisahkan dengan tanda Koma");
form.Data.focus();
}
else
form.Hasil.value = DataString (inputData,0);
}
function DataString (ArrayData, Angka)
{
if ( (ArrayData.length - 1) >= Angka)
return (ArrayData[Angka] + "," + DataString (ArrayData, (Angka + 1) ) );
else
return "";
}
function bubbleSort (ArrayData, Mulai, MulaiBaru)
{
for (var i=MulaiBaru-1; i>=Mulai; i--)
{
for (var j=Mulai; j<=i; j++)
{
if (ArrayData[j+1] > ArrayData [j] )
{
var DataTemporer = ArrayData [j];
ArrayData [j] = ArrayData [j+1];
ArrayData[j+1] = DataTemporer;
}
}
}
return ArrayData;
}
</script>
</head>
<body>
<center>
<form>
Masukan Deretan Angka, Pisahkan denga Koma :
<hr>
<input type = text name=Data size=30 Value="">
<br>
<input type=button value="Urutkan" onClick="Urutkan (this.form)">
<br>
<br>
Hasil Pengurutan :
<hr>
<input type=text name=Hasil size=30>
</form>
</center>
</body>
</html>
Rabu, 09 Juni 2010
dijkstra
<html><head><title>Dijkstra Algorithms </title></head><body>
<script language = "javascript">
var NilaiAcuan = 10000;
var TakTerdefinisi = -1;
var NamaVerteks = new Array('A','B','C','D','E','F');
var Matriks = new Array(6);
function Bobot(a,b)
{
return Matriks[a][b];
}
function Dijkstra(JumlahVerteks,Awal,d)
{
var Posisi = new Array(JumlahVerteks);
var i;
var Kunjungan = new Array(JumlahVerteks);
var Sebelum = new Array(JumlahVerteks);
for(i=0; i<JumlahVerteks; i++)
{
Posisi[i] = NilaiAcuan;
Sebelum[i] = TakTerdefinisi;
Kunjungan[i] = false;
}
Posisi[Awal] = 0;
var Verteks;
for(Verteks =0; Verteks < JumlahVerteks; Verteks++)
{
var JarakTerpendek = NilaiAcuan, Berhenti = -1;
for (i=0; i < JumlahVerteks; i++)
{
if (!Kunjungan[i])
{
if (Posisi[i] <= JarakTerpendek)
{
JarakTerpendek = Posisi[i];
Berhenti = i;
}
}
}
Kunjungan[Berhenti] = true ;
for (i=0; i < JumlahVerteks; i++)
{
if (!Kunjungan[i])
{
var w = Bobot(Berhenti, i);
if (Posisi[Berhenti]+w < Posisi[i]) {
Posisi[i] = Posisi[Berhenti] + w;
Sebelum[i] = Berhenti;
}
}
}
}
i=d;
if (Posisi[i] < NilaiAcuan)
{
var Lintasan = NamaVerteks[i];
var Verteks = i;
while (Verteks>0)
{
Verteks = Sebelum[Verteks];
if (Verteks>=0)
Lintasan = NamaVerteks[Verteks] + '->' + Lintasan;
}
alert("Jarak :" +Posisi[i]+' ('+Lintasan+')'+'<br>');
} else
{
alert("Tidak ada Jalur");
}
}
var x = '~';
document.write('<pre>');
document.write(Matriks[0]=new Array(0,2,3,x,x,x)); document.write('<br>');
document.write(Matriks[1]=new Array(2,0,3,6,x,x));
document.write('<br>');
document.write(Matriks[2]=new Array(3,3,0,3,5,x)); document.write('<br>');
document.write(Matriks[3]=new Array(x,6,3,0,1,3)); document.write('<br>');
document.write(Matriks[4]=new Array(x,x,5,1,0,1)); document.write('<br>');
document.write(Matriks[5]=new Array(x,x,x,3,1,0));
document.write('<br>');
document.write('</pre>');
document.write('<pre>A-2-B-6--D--3-F <br>');
document.write('\\ | /| / <br>');
document.write(' 3 3 3 1 1 <br>');
document.write(' \\ | / | / <br>');
document.write(' \\|/ |/ <br>');
document.write(' C--5-E <br> </pre>');
var Dari=0; // A
var Ke =5; // F
Dijkstra(Matriks.length,Dari,Ke);
//-->
</script>
</body>
</htmL>
<script language = "javascript">
var NilaiAcuan = 10000;
var TakTerdefinisi = -1;
var NamaVerteks = new Array('A','B','C','D','E','F');
var Matriks = new Array(6);
function Bobot(a,b)
{
return Matriks[a][b];
}
function Dijkstra(JumlahVerteks,Awal,d)
{
var Posisi = new Array(JumlahVerteks);
var i;
var Kunjungan = new Array(JumlahVerteks);
var Sebelum = new Array(JumlahVerteks);
for(i=0; i<JumlahVerteks; i++)
{
Posisi[i] = NilaiAcuan;
Sebelum[i] = TakTerdefinisi;
Kunjungan[i] = false;
}
Posisi[Awal] = 0;
var Verteks;
for(Verteks =0; Verteks < JumlahVerteks; Verteks++)
{
var JarakTerpendek = NilaiAcuan, Berhenti = -1;
for (i=0; i < JumlahVerteks; i++)
{
if (!Kunjungan[i])
{
if (Posisi[i] <= JarakTerpendek)
{
JarakTerpendek = Posisi[i];
Berhenti = i;
}
}
}
Kunjungan[Berhenti] = true ;
for (i=0; i < JumlahVerteks; i++)
{
if (!Kunjungan[i])
{
var w = Bobot(Berhenti, i);
if (Posisi[Berhenti]+w < Posisi[i]) {
Posisi[i] = Posisi[Berhenti] + w;
Sebelum[i] = Berhenti;
}
}
}
}
i=d;
if (Posisi[i] < NilaiAcuan)
{
var Lintasan = NamaVerteks[i];
var Verteks = i;
while (Verteks>0)
{
Verteks = Sebelum[Verteks];
if (Verteks>=0)
Lintasan = NamaVerteks[Verteks] + '->' + Lintasan;
}
alert("Jarak :" +Posisi[i]+' ('+Lintasan+')'+'<br>');
} else
{
alert("Tidak ada Jalur");
}
}
var x = '~';
document.write('<pre>');
document.write(Matriks[0]=new Array(0,2,3,x,x,x)); document.write('<br>');
document.write(Matriks[1]=new Array(2,0,3,6,x,x));
document.write('<br>');
document.write(Matriks[2]=new Array(3,3,0,3,5,x)); document.write('<br>');
document.write(Matriks[3]=new Array(x,6,3,0,1,3)); document.write('<br>');
document.write(Matriks[4]=new Array(x,x,5,1,0,1)); document.write('<br>');
document.write(Matriks[5]=new Array(x,x,x,3,1,0));
document.write('<br>');
document.write('</pre>');
document.write('<pre>A-2-B-6--D--3-F <br>');
document.write('\\ | /| / <br>');
document.write(' 3 3 3 1 1 <br>');
document.write(' \\ | / | / <br>');
document.write(' \\|/ |/ <br>');
document.write(' C--5-E <br> </pre>');
var Dari=0; // A
var Ke =5; // F
Dijkstra(Matriks.length,Dari,Ke);
//-->
</script>
</body>
</htmL>
Selasa, 25 Mei 2010
Linked List2

Berikut source kode "html" untuk tampilan di atas
<html>
<head>
<title>Struktur Data Linked List</title>
</head>
<body>
<script language = "JavaScript">
<!--
function LinkedList()
{
this._panjang = 0;
this._kepala = null;
}
LinkedList.prototype =
{
constructor: LinkedList,
//Membuat Metode untuk Menambah Data Kedalam List
Tambah: function (data)
{
//Membuat Node List
var node = {data: data, next: null}, NodeTanda;
//Periksa Isi List
if (this._kepala === null)
{
this._kepala = node;
}
else
{
NodeTanda = this._kepala;
while (NodeTanda.next)
{
NodeTanda = NodeTanda.next;
}
NodeTanda.next = node;
}
this._panjang++
},
//Membuat metode Untuk Menunjuk Item Data
Item: function (index)
{
if (index > -1 && index < this._panjang)
{
var NodeTanda = this._kepala,
i = 0;
while (i++ < index)
{
NodeTanda = NodeTanda.next;
}
return NodeTanda.data;
}
else
{
return null;
}
},
//Membuat metode Untuk Membuang Elemen List
Buang: function (index)
{
if (index > -1 && index < this._panjang)
{
var NodeTanda = this._kepala, previous, i = 0;
if (index === 0)
{
this._kepala = NodeTanda.next;
}
else
{
while (i++ < index)
{
previous = NodeTanda;
NodeTanda = NodeTanda.next;
}
previous.next =NodeTanda.next;
}
this._panjang--;
return NodeTanda.data;
}
else
{
return null;
}
},
//Membuat metode Untuk Mengetahui Jumlah Elemen List
Ukuran: function()
{
return this._panjang;
},
//Membuat metode Untuk Membentuk Array
toArray: function()
{
var result = [],
NodeTanda = this._kepala;
while (NodeTanda)
{
result.push (NodeTanda.data);
NodeTanda = NodeTanda.next;
}
return result;
},
//Membuat metode Untuk Konversi ke String
toString: function()
{
return this.toArray().toString();
}
}
var list = new LinkedList ();
list.Tambah("Teknik Informatika");
list.Tambah("Teknik Komputer");
list.Tambah("Komputerisasi Akuntansi");
list.Tambah("Komputer Networking");
document.write("Isi Linked List <br>");
document.write("--------------- <br>");
for (i=0; i<4; i++)
{
document.write(list.Item(i) + "<br>");
}
document.write("--------------- <br>");
alert("Isi Linked List Awal =" +list.Item(0));
alert("Item 1 Pada Linked List dibuang, Yaitu =" +list.Item(1));
list.Buang(1);
document.write("Isi Linked List Terakhir <br>");
document.write("---------------- <br>");
for (i=0; i<4; i++)
{
document.write(list.Item(i) + "<br>");
}
document.write("---------------- <br>");
//-->
</script>
</body>
</html>
Rabu, 19 Mei 2010
Linked List


Berikut adalah source kode untuk tampilan di atas
<html>
<head>
<title>Struktur Data Linked List</title>
</head>
<body>
<script language = "JavaScript">
<!--
function DoublyLinkedList()
{
this._Kepala = null;
this._Ekor = null;
this._Panjang = 0;
}
DoublyLinkedList.prototype =
{
constructor: DoublyLinkedList,
Tambah: function (data)
{
var node = {data: data, next: null, prev: null};
if (this._Panjang == 0)
{
this._Kepala = node;
this._Ekor = node;
}
else
{
this._Ekor.next = node;
node.prev = this._Ekor;
this._Ekor = node;
}
this._Panjang++;
},
ItemList: function(index)
{
if (index > -1 && index < this._Panjang)
{
var NodeTanda = this._Kepala,
i = 0;
while(i++ < index)
{
NodeTanda = NodeTanda.next;
}
return NodeTanda.data;
}
else
{
return null;
}
},
Buang: function(index){
if (index > -1 && index < this._Panjang)
{
var NodeTanda = this._Kepala, i = 0;
if (index === 0)
{
this._Kepala = NodeTanda.next;
if (!this._Kepala)
{
this._Ekor = null;
}
else
{
this._Kepala.prev = null;
}
}
else
if (index === this._Panjang -1)
{
NodeTanda = this._Ekor;
this._Ekor = NodeTanda.prev;
this._Ekor.next = null;
}
else
{
while(i++ < index)
{
NodeTanda = NodeTanda.next;
}
NodeTanda.prev.next = NodeTanda.next;
}
this._Panjang--;
return NodeTanda.data;
}
else
{
return null;
}
},
Ukuran: function(){
return this._Panjang;
},
toArray: function(){
var result = [],
NodeTanda = this._Kepala;
while(NodeTanda){
result.push(NodeTanda.data);
NodeTanda = NodeTanda.next;
}
return result;
},
toString: function(){
return this.toArray().toString();
}
}
var List = new DoublyLinkedList();
List.Tambah("Teknik Informatika");
List.Tambah("Teknik Komputer");
List.Tambah("Komputerisasi Akuntansi");
List.Tambah("Computer Networking");
document.write("Isi LinkedList <br>");
document.write("--------------- <br>");
for (i=0; i<4; i++)
{
document.write(List.ItemList(i) + "<br>") ;
}
document.write("--------------- <br>");
document.write("Isi LinkedList Awal = " + List.Ukuran() +"<br>");
document.write("Isi Array Awal = " + List.toArray() +"<br>");
document.write("Isi String Awal = " + List.toString() +"<br><br>");
alert("ItemList 1 pada Linked List diBuang, yaitu = " + List.ItemList(1));
List.Buang(1);
document.write("Isi Linked LIst Setelah Dibuang <br>");
document.write("--------------- <br>");
for (i=0; i<4; i++)
{
document.write(List.ItemList(i) + "<br>") ;
}
document.write("--------------- <br>");
document.write("<br>Isi LinkedList Terakhir = " + List.Ukuran() +"<br>");
document.write("Isi Array Akhir = " + List.toArray() +"<br>");
document.write("Isi String Awal = " + List.toString() +"<br>");
//-->
</script>
</body>
</html>
STACK

Berikut adalah source kode untuk tampilan di atas
<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>Tampilan 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="Tampilan" 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>
QUEUE Lat 2



Berikut adalah source kode untuk tampilan di atas
<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>
QUEUE Lat 1


Berikut adalah source kode untuk tampilan di atas
<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>
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>
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>
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>
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 :
<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 :

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

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 :

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


Jumat, 26 Februari 2010
Evaluasi 2 Modul 1
1.Kode HTML
Program Alert untuk data yang dimasukan bertipe Integer
<HTML>
<HEAD>
<TITLE>Latihan dan Evaluasi no 2</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!-->
{
var a = parseInt(prompt("ketikkan suatu bilangan = \n "));
if (isNaN(a))
{
alert(" yang anda masukan bukan integer salah");
} else
{
document.write(a);
document.write(""lt;BR"gt;");
document.write("<HR>");
document.write("tipe datanya adalah="+typeof(a));
}
}
//-->
</SCRIPT>
</BODY>
</HTML>
Program Alert untuk data yang dimasukan bertipe Integer
<HTML>
<HEAD>
<TITLE>Latihan dan Evaluasi no 2</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!-->
{
var a = parseInt(prompt("ketikkan suatu bilangan = \n "));
if (isNaN(a))
{
alert(" yang anda masukan bukan integer salah");
} else
{
document.write(a);
document.write(""lt;BR"gt;");
document.write("<HR>");
document.write("tipe datanya adalah="+typeof(a));
}
}
//-->
</SCRIPT>
</BODY>
</HTML>
Evaluasi 1 Modul 1
1. Kode HTML
<html>
<head>
<title>Mencari persamaan kuadrat</title>
</head>
<body>
<script language="JavaScript">
<!--
function akar(a,b,c)
{
var d = (b*b)-(4*a*c);
return(d);
}
var a=parseFloat(prompt("Menghitung akar persamaan kuadrat \n masukan nilai A=\n"));
var b=parseFloat(prompt("Menghitung akar persamaan kuadrat \n masukan nilai B=\n"));
var c=parseFloat(prompt("Menghitung akat persamaan kuadrat \n masukan nilai C=\n"));
var z=akar(a,b,c);
document.write("Nilai akar kuadrat =" +z+"<BR>");
document.write("<BR>");
document.write("<HR>");
if (z>0)
{
var x1= (-b - Math.sqrt(z))/(2*a);
var x2= (-b + Math.sqrt(z))/(2*a);
document.write("Nilai x1=" +x1+ "<BR>");
document.write("Nilai x1=" +x2+ "<BR>");
document.write("<BR>");
document.write("<HR>");
alert("anda telah berhasil selamat");
} else
if (z==0)
{
document.write("tidak ada akar real");
alert("anda belum berhasil coba lagi");
}
if (z<0)
{
document.write("tidak ada akar real");
alert("anda belum berhasil coba lagi");
}
//-->
</script>
</body>
</html>
contoh tampilan :
<html>
<head>
<title>Mencari persamaan kuadrat</title>
</head>
<body>
<script language="JavaScript">
<!--
function akar(a,b,c)
{
var d = (b*b)-(4*a*c);
return(d);
}
var a=parseFloat(prompt("Menghitung akar persamaan kuadrat \n masukan nilai A=\n"));
var b=parseFloat(prompt("Menghitung akar persamaan kuadrat \n masukan nilai B=\n"));
var c=parseFloat(prompt("Menghitung akat persamaan kuadrat \n masukan nilai C=\n"));
var z=akar(a,b,c);
document.write("Nilai akar kuadrat =" +z+"<BR>");
document.write("<BR>");
document.write("<HR>");
if (z>0)
{
var x1= (-b - Math.sqrt(z))/(2*a);
var x2= (-b + Math.sqrt(z))/(2*a);
document.write("Nilai x1=" +x1+ "<BR>");
document.write("Nilai x1=" +x2+ "<BR>");
document.write("<BR>");
document.write("<HR>");
alert("anda telah berhasil selamat");
} else
if (z==0)
{
document.write("tidak ada akar real");
alert("anda belum berhasil coba lagi");
}
if (z<0)
{
document.write("tidak ada akar real");
alert("anda belum berhasil coba lagi");
}
//-->
</script>
</body>
</html>
contoh tampilan :
Lat 3 Modul 1
1. Kode HTML
<HTML>
<HEAD>
<TITLE>Membuat Fungsi Matematika Dengan JavaScript</TITLE>
<SCRIPT LANGUAGE = "JavaScript">
<!--
alert("Assalamu 'Alaikum....");
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=PINK>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function jumlah(x,y) {
var hasil = x + y;
return(hasil);
}
var a = parseInt(prompt("Ketikkan Bilangan A = \n Ingat Jangan String"));
var b = parseInt(prompt("Ketikkan Bilangan B = \n Ingat Jangan String"));
var z = jumlah(a,b);
document.write(z);
document.write("<BR>");
document.write("<hr>");
document.write("Tipe Data nya adalah = " + typeof(z));
//-->
</SCRIPT>
</BODY>
</HTML>
contoh tampilan :



<HTML>
<HEAD>
<TITLE>Membuat Fungsi Matematika Dengan JavaScript</TITLE>
<SCRIPT LANGUAGE = "JavaScript">
<!--
alert("Assalamu 'Alaikum....");
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=PINK>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function jumlah(x,y) {
var hasil = x + y;
return(hasil);
}
var a = parseInt(prompt("Ketikkan Bilangan A = \n Ingat Jangan String"));
var b = parseInt(prompt("Ketikkan Bilangan B = \n Ingat Jangan String"));
var z = jumlah(a,b);
document.write(z);
document.write("<BR>");
document.write("<hr>");
document.write("Tipe Data nya adalah = " + typeof(z));
//-->
</SCRIPT>
</BODY>
</HTML>
contoh tampilan :
Lat 2 Modul 1
1. Kode HTML
<HTML>
<HEAD>
<TITLE>Konversi Antar Sistem Bilangan</TITLE>
</HEAD>
<BODY BGCOLOR=PINK>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var bil = new Number(25);
document.write("Bilangan Desimal : " +bil+ "<BR>");
document.write("<HR>");
document.write("Biner : " + bil.toString(2) + "<BR>");
document.write("Oktal : " + bil.toString(8) + "<BR>");
document.write("Heksa : " + bil.toString(16) + "<BR>");
//-->
</SCRIPT>
</BODY>
</HTML>
Contoh tampilan :
<HTML>
<HEAD>
<TITLE>Konversi Antar Sistem Bilangan</TITLE>
</HEAD>
<BODY BGCOLOR=PINK>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var bil = new Number(25);
document.write("Bilangan Desimal : " +bil+ "<BR>");
document.write("<HR>");
document.write("Biner : " + bil.toString(2) + "<BR>");
document.write("Oktal : " + bil.toString(8) + "<BR>");
document.write("Heksa : " + bil.toString(16) + "<BR>");
//-->
</SCRIPT>
</BODY>
</HTML>
Contoh tampilan :
Lat 1 Modul 1
1. Kode HTML :
<HTML>
<HEAD>
<TITLE>Type Bilangan</TITLE>
<SCRIPT LANGUAGE = "JavaScript">
<!--
alert("Assalamu 'Alaikum");
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=GREEN>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var a = 15;
b = 14;
tambah = a+b;
kali = a*b;
document.write("Penambahan (" +a+ " + " +b+ ") = "+ tambah);
document.write("<BR>");
document.write("Perkalian (" +a+ " x " +b+ ") = " +kali );
document.write("<BR>");
//-->
</SCRIPT>
</BODY>
</HTML>
Contoh tampilannya :
<HTML>
<HEAD>
<TITLE>Type Bilangan</TITLE>
<SCRIPT LANGUAGE = "JavaScript">
<!--
alert("Assalamu 'Alaikum");
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=GREEN>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var a = 15;
b = 14;
tambah = a+b;
kali = a*b;
document.write("Penambahan (" +a+ " + " +b+ ") = "+ tambah);
document.write("<BR>");
document.write("Perkalian (" +a+ " x " +b+ ") = " +kali );
document.write("<BR>");
//-->
</SCRIPT>
</BODY>
</HTML>
Contoh tampilannya :
Langganan:
Postingan (Atom)