<html>
<head>
<title>Tumpuk-Susun</title>
</head>
<body>
<script language="JavaScript">
<!--
var data;
var stack = new Array();
function masuk_data()
{
for (var a=0;a<=4;a++)
{
data =prompt("Masukan Data : ingat HARUS Angka");
stack.push(data);
}
}
function dalam_tumpukan(list)
{
list.options.length=0;
for (var i=0; i<stack.length; i++)
{
var isi = new Option(stack[i]);
list.options[list.options.length]=isi;
}
}
function urutkan(list)
{
for (var x=stack.length-1;x>=0;x--)
{
for (var j=0;j<=x;j++)
{
if (stack[j+1]<stack[j])
{
var tempo = stack[j];
stack[j] = stack[j+1];
stack[j+1] = tempo;
}
}
}
}
//-->
</script>
<form>
<input type="button" name="masuk" value="Input Data" onClick='masuk_data();dalam_tumpukan(tampilan);'/>
<select name="tampilan" size=12>
<option>Isi Tumpukan...
</select>
<input type="button" name="urut" value="Urutkan Data" onClick='urutkan(pengurutan);dalam_tumpukan(pengurutan);'/>
<select name="pengurutan" size=12>
<option>Hasil Pengurutan...
</select>
</form>
</body>
</html>
Jumat, 16 Juli 2010
UAS Soal No.01
<html>
<head>
<title>Program Perkalian Sederhana</title>
</head>
<body>
<script language="JavaScript">
<!--
var a = new Array();
var b = new Array();
var hasil ;
var c=prompt("Masukkan Nilai 1-5 : ");
for (i=0; i<5; i++)
{
a[i] =prompt("Masukan Data A-"+(i+1));
document.write("Bilangan A-"+(i+1)+" = "+a[i]+"<br>");
b[i] =prompt("Masukan Data B-"+(i+1));
document.write("Bilangan B-"+(i+1)+" = "+b[i]+"<br>");
hasil= a[i]*b[i];
}
document.write("<br>");
document.write("Urutan yang ingin dikalikan : "+c+"<br>"+"<br>");
document.write("Bilangan A-"+c+" : " + a[c-1] + "<br>");
document.write("Bilangan B-"+c+" : " + b[c-1]+ "<br>");
document.write("-------------------- X " + "<br>");
document.write("Hasilnya : " + hasil + "<br>");
//-->
</script>
</body>
</html>
<head>
<title>Program Perkalian Sederhana</title>
</head>
<body>
<script language="JavaScript">
<!--
var a = new Array();
var b = new Array();
var hasil ;
var c=prompt("Masukkan Nilai 1-5 : ");
for (i=0; i<5; i++)
{
a[i] =prompt("Masukan Data A-"+(i+1));
document.write("Bilangan A-"+(i+1)+" = "+a[i]+"<br>");
b[i] =prompt("Masukan Data B-"+(i+1));
document.write("Bilangan B-"+(i+1)+" = "+b[i]+"<br>");
hasil= a[i]*b[i];
}
document.write("<br>");
document.write("Urutan yang ingin dikalikan : "+c+"<br>"+"<br>");
document.write("Bilangan A-"+c+" : " + a[c-1] + "<br>");
document.write("Bilangan B-"+c+" : " + b[c-1]+ "<br>");
document.write("-------------------- X " + "<br>");
document.write("Hasilnya : " + hasil + "<br>");
//-->
</script>
</body>
</html>
Kamis, 15 Juli 2010
Bubble Short
<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(); // jika data kosong, kursor akan berada di 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>
<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(); // jika data kosong, kursor akan berada di 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, 01 Juni 2010
Dijkstra Algorithm
<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 pred = new Array(JumlahVerteks);
for(i=0; i<JumlahVerteks; i++)
{
Posisi[i] = NilaiAcuan;
pred[i] = TakTerdefinisi;
Kunjungan[i] = false;
}
Posisi[Awal] = 0;
var Verteks;
for(Verteks =0; Verteks < JumlahVerteks; Verteks++)
{
var JarakTerpendek = NilaiAcuan, closest = -1;
for (i=0; i < JumlahVerteks; i++)
{
if (!Kunjungan[i])
{
if (Posisi[i] <= JarakTerpendek)
{
JarakTerpendek = Posisi[i]; closest = i;
}
}
}
Kunjungan[closest] = true
for (i=0; i < JumlahVerteks; i++)
{
if (!Kunjungan[i])
{
var w = Bobot(closest, i);
if (Posisi[closest]+w < Posisi[i])
{
Posisi[i] = Posisi[closest] + w;
pred[i] = closest;
}
}
}
}
i=d
if (Posisi[i] < NilaiAcuan)
{
var Lintasan = NamaVerteks[i];
var Verteks = i;
while (Verteks>0)
{
Verteks = pred[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>
<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 pred = new Array(JumlahVerteks);
for(i=0; i<JumlahVerteks; i++)
{
Posisi[i] = NilaiAcuan;
pred[i] = TakTerdefinisi;
Kunjungan[i] = false;
}
Posisi[Awal] = 0;
var Verteks;
for(Verteks =0; Verteks < JumlahVerteks; Verteks++)
{
var JarakTerpendek = NilaiAcuan, closest = -1;
for (i=0; i < JumlahVerteks; i++)
{
if (!Kunjungan[i])
{
if (Posisi[i] <= JarakTerpendek)
{
JarakTerpendek = Posisi[i]; closest = i;
}
}
}
Kunjungan[closest] = true
for (i=0; i < JumlahVerteks; i++)
{
if (!Kunjungan[i])
{
var w = Bobot(closest, i);
if (Posisi[closest]+w < Posisi[i])
{
Posisi[i] = Posisi[closest] + w;
pred[i] = closest;
}
}
}
}
i=d
if (Posisi[i] < NilaiAcuan)
{
var Lintasan = NamaVerteks[i];
var Verteks = i;
while (Verteks>0)
{
Verteks = pred[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
Insert Linked List
<html>
<head>
<title>Contoh Penggunaan Linked List</title>
</head>
<body>
<font color=33CC00><b><i>Contoh Penggunaan Struktur Data Linked List</i></b></font><br><hr>
<script language="javascript">
<!--
function linkedlist() {
this.panjang = 0;
this.kepala = null;
}
linkedlist.prototype =
{
constructor : linkedlist,
//Metode untuk menambah data
tambah: function (data) {
var node = {data:data,next:null};
var NodeTanda;
if (this.kepala === null)
{
this.kepala = node;
}
else
{
NodeTanda = this.kepala;
while (NodeTanda.next)
{
NodeTanda = NodeTanda.next;
}
NodeTanda.next = node;
}
this.panjang++;
},
//Metode untuk menampilkan 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;
}
},
//Metode untuk membuang data
buang: function(index) {
if (index > -1 && index < this.panjang)
{
var NodeTanda = this.kepala, previous, i = 0;
// Membuang kepala
if (index === 0)
{
this.kepala = NodeTanda.next;
}
else
{
//Mencari index yang tepat
while(i++ < index)
{
previous = NodeTanda;
NodeTanda = NodeTanda.next;
}
previous.next = NodeTanda.next;
}
//decrement panjang
this.panjang--;
//return data
return NodeTanda.data;
}
else
{
return null;
}
},
//Metode untuk menyisipkan data
sisip: function(index,data) {
var node = {data:data,next:null};
var NodeTanda = this.kepala, i = 1;
if (index === 0)
{
node.next = this.kepala;
this.kepala = node;
}
else
{
while (i++ < index)
{
NodeTanda = NodeTanda.next;
}
node.next = NodeTanda.next;
NodeTanda.next = node;
}
this.panjang++;
},
//Metode untuk melihat ukuran panjang linked list
ukuran: function() {
return this.panjang;
},
//Metode untuk merubah ke Array
toArray: function() {
var result = [];
var NodeTanda = this.kepala;
while(NodeTanda) {
result.push(NodeTanda.data);
NodeTanda = NodeTanda.next;
}
return result;
},
//Metode untuk merubah ke String
toString: function() {
return this.toArray().toString();
}
};
//Fungsi untuk menampilkan isi variabel list
function tampil()
{
for (i=0; i<5; i++)
{
document.write(list.item(i) + "<br>");
}
document.write("<hr>");
}
var list = new linkedlist();
//Menambah data ke variabel list
list.tambah("00000");
list.tambah("11111");
list.tambah("22222");
list.tambah("33333");
list.tambah("44444");
document.write("Isi LinkedList : <br>");
tampil();
//Membuang salahsatu isi variabel list
list.buang(1);
document.write("Isi LinkedList : (Setelah data pada index ke-1 dibuang) <br>");
tampil();
//Menyisipkan data ke variabel list
list.sisip(2,"sisipan");
document.write("Isi LinkedList : (Setelah menyisipkan data di index ke-2) <br>");
tampil();
document.write("Panjang variabel list adalah = ");
document.write(list.ukuran());
//-->
</script>
</body>
</html>
<head>
<title>Contoh Penggunaan Linked List</title>
</head>
<body>
<font color=33CC00><b><i>Contoh Penggunaan Struktur Data Linked List</i></b></font><br><hr>
<script language="javascript">
<!--
function linkedlist() {
this.panjang = 0;
this.kepala = null;
}
linkedlist.prototype =
{
constructor : linkedlist,
//Metode untuk menambah data
tambah: function (data) {
var node = {data:data,next:null};
var NodeTanda;
if (this.kepala === null)
{
this.kepala = node;
}
else
{
NodeTanda = this.kepala;
while (NodeTanda.next)
{
NodeTanda = NodeTanda.next;
}
NodeTanda.next = node;
}
this.panjang++;
},
//Metode untuk menampilkan 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;
}
},
//Metode untuk membuang data
buang: function(index) {
if (index > -1 && index < this.panjang)
{
var NodeTanda = this.kepala, previous, i = 0;
// Membuang kepala
if (index === 0)
{
this.kepala = NodeTanda.next;
}
else
{
//Mencari index yang tepat
while(i++ < index)
{
previous = NodeTanda;
NodeTanda = NodeTanda.next;
}
previous.next = NodeTanda.next;
}
//decrement panjang
this.panjang--;
//return data
return NodeTanda.data;
}
else
{
return null;
}
},
//Metode untuk menyisipkan data
sisip: function(index,data) {
var node = {data:data,next:null};
var NodeTanda = this.kepala, i = 1;
if (index === 0)
{
node.next = this.kepala;
this.kepala = node;
}
else
{
while (i++ < index)
{
NodeTanda = NodeTanda.next;
}
node.next = NodeTanda.next;
NodeTanda.next = node;
}
this.panjang++;
},
//Metode untuk melihat ukuran panjang linked list
ukuran: function() {
return this.panjang;
},
//Metode untuk merubah ke Array
toArray: function() {
var result = [];
var NodeTanda = this.kepala;
while(NodeTanda) {
result.push(NodeTanda.data);
NodeTanda = NodeTanda.next;
}
return result;
},
//Metode untuk merubah ke String
toString: function() {
return this.toArray().toString();
}
};
//Fungsi untuk menampilkan isi variabel list
function tampil()
{
for (i=0; i<5; i++)
{
document.write(list.item(i) + "<br>");
}
document.write("<hr>");
}
var list = new linkedlist();
//Menambah data ke variabel list
list.tambah("00000");
list.tambah("11111");
list.tambah("22222");
list.tambah("33333");
list.tambah("44444");
document.write("Isi LinkedList : <br>");
tampil();
//Membuang salahsatu isi variabel list
list.buang(1);
document.write("Isi LinkedList : (Setelah data pada index ke-1 dibuang) <br>");
tampil();
//Menyisipkan data ke variabel list
list.sisip(2,"sisipan");
document.write("Isi LinkedList : (Setelah menyisipkan data di index ke-2) <br>");
tampil();
document.write("Panjang variabel list adalah = ");
document.write(list.ukuran());
//-->
</script>
</body>
</html>
Selasa, 18 Mei 2010
Linked List
Contoh Linked List
<html>
<head>
<title>Linked List</title></head>
<body>
<script language = "JavaScript">
<!--
function LinkedList()
{
this._panjang = 0;
this._kepala = null;
}
LinkedList.prototype =
{
constructor : LinkedList,
tambah : function(data)
{
var node = {data : data, next:null};
var NodeTanda;
if (this._kepala === null)
{
this._kepala = node;
} else
{
NodeTanda = this._kepala;
while (NodeTanda.next)
{
NodeTanda = NodeTanda.next;
}
NodeTanda.next = node;
}
this._panjang++;
},
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;
}
},
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;
}
},
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().toSring();
}
}
var list = new LinkedList();
list.tambah("Teknik Informatika");
list.tambah("Teknik Komputer");
list.tambah("Komputer Akutansi");
list.tambah("Computer Nerworking");
document.write("Isi LinkedList <br>");
document.write("--------------- <br>");
for (i=0;i<4;i++)
{
document.write(list.Item(i) + "<br>");
}
document.write("----------------<br>");
alert("Isi LinkedList awal = " + list.Item(0));
alert("1 Item pada LinkedList dibuang, yaitu = " + list.Item(1));
list.Buang(1);
document.write("<br><br>");
document.write("Isi LinkedList Terakhir <br>");
document.write("--------------- <br>");
for (i=0;i<4;i++)
{
if (list.Item(i) == null)
{
document.write("--");
} else {
document.write(list.Item(i) + "<br>");
}
}
document.write("----------------<br>");
//-->
</script>
</body>
</html>
Stack dan Queue
1. Contoh Penggunaan Stack
<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>
2. Contoh Penggunaan Queue
<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>
3. Contoh Shift Unshift
<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>
<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>
2. Contoh Penggunaan Queue
<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>
3. Contoh Shift Unshift
<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>
terima kasih......
Jumat, 30 April 2010
Data Pegawai
<html>
<head><title> Memanipulasi Data Pegawai </title>
<script language = "javascript" type="text/javascript">
<!--
var DBPegawai = new Array();
function Pegawai(Fields_NIP,
Fields_Nama,
Fields_Gaji_Per_Jam,
Fields_Jam_Kerja,
Fields_Gaji_Total)
{
this.NIP = Fields_NIP;
this.Nama = Fields_Nama;
this.Gaji_Per_Jam = Fields_Gaji_Per_Jam;
this.Jam_Kerja = Fields_Jam_Kerja;
this.Gaji_Total = Fields_Gaji_Total;
}
function inputPegawai()
{
var Nama,Gaji_Per_Jam, Jam_Kerja, Gaji;
while ( NIP = window.prompt("Ketikan NIP (Nomor Induk Pegawai)\n\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_Per_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>
<head><title> Memanipulasi Data Pegawai </title>
<script language = "javascript" type="text/javascript">
<!--
var DBPegawai = new Array();
function Pegawai(Fields_NIP,
Fields_Nama,
Fields_Gaji_Per_Jam,
Fields_Jam_Kerja,
Fields_Gaji_Total)
{
this.NIP = Fields_NIP;
this.Nama = Fields_Nama;
this.Gaji_Per_Jam = Fields_Gaji_Per_Jam;
this.Jam_Kerja = Fields_Jam_Kerja;
this.Gaji_Total = Fields_Gaji_Total;
}
function inputPegawai()
{
var Nama,Gaji_Per_Jam, Jam_Kerja, Gaji;
while ( NIP = window.prompt("Ketikan NIP (Nomor Induk Pegawai)\n\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_Per_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>
Penggunaan Push and Pop
<html>
<head>
<title> Contoh Implementasi Push Dan POP Pada Stack </title>
</head>
<body>
<script type="text/javascript">
var stack = new Array();
stack.push("A");
stack.push("B");
stack.push("C");
document.write("stack:" + stack.toString() +"<br>");
var YangDiAmbil = stack.pop();
document.write("Data Yang DiAmbil : "+ YangDiAmbil);
document.write("<br>");
document.write("Isi Stack Terakhir : "+ stack.toString());
</script>
</body>
</html>
<head>
<title> Contoh Implementasi Push Dan POP Pada Stack </title>
</head>
<body>
<script type="text/javascript">
var stack = new Array();
stack.push("A");
stack.push("B");
stack.push("C");
document.write("stack:" + stack.toString() +"<br>");
var YangDiAmbil = stack.pop();
document.write("Data Yang DiAmbil : "+ YangDiAmbil);
document.write("<br>");
document.write("Isi Stack Terakhir : "+ stack.toString());
</script>
</body>
</html>
Tugas Record
<html>
<head><title> Membuat Rekaman Objek </title></head>
<body>
<body bgcolor="orange">
<FONT COLOR="COCOLATE">
<H1> STIMIK KHARISMA KHARAWANG </H1>
</FONT><MARQUEE><b>Data Mahasiswa<b></MARQUEE><hr>
<script language = "JavaScript">
<!--
alert ("Selamat Datang Di Data Mahasiswa");
var Record = [];
function Mahasiswa (npm, nama, prodi, jenjang) {
//Properti
this.npm = npm;
this.nama = nama;
this.prodi = prodi;
this.jenjang = jenjang;
//Metode
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>");
}
//mengisi data
Record[0] = new Mahasiswa("43E001","Dani","TI","S1");
Record[1] = new Mahasiswa("43E002","Doni","TI","S1");
Record[2] = new Mahasiswa("43E003","Deni","TI","S1");
Record[3] = new Mahasiswa("43E004","Dini","TI","S1");
//menampilkan data
document.write("<table border = '1'>");
document.write("<th>N.P.M.</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>
<head><title> Membuat Rekaman Objek </title></head>
<body>
<body bgcolor="orange">
<FONT COLOR="COCOLATE">
<H1> STIMIK KHARISMA KHARAWANG </H1>
</FONT><MARQUEE><b>Data Mahasiswa<b></MARQUEE><hr>
<script language = "JavaScript">
<!--
alert ("Selamat Datang Di Data Mahasiswa");
var Record = [];
function Mahasiswa (npm, nama, prodi, jenjang) {
//Properti
this.npm = npm;
this.nama = nama;
this.prodi = prodi;
this.jenjang = jenjang;
//Metode
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>");
}
//mengisi data
Record[0] = new Mahasiswa("43E001","Dani","TI","S1");
Record[1] = new Mahasiswa("43E002","Doni","TI","S1");
Record[2] = new Mahasiswa("43E003","Deni","TI","S1");
Record[3] = new Mahasiswa("43E004","Dini","TI","S1");
//menampilkan data
document.write("<table border = '1'>");
document.write("<th>N.P.M.</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 2 Struktur Data
Nama : Asep Kurniawan
NIM : 43E57006095011
Jurusan : Teknik Informatika/Kelas Malam
Program Menggunakan Array
<html>
<head>
<title>Belajar Array</title><head>
</head>
<body>
<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 Sebagai berikut :
<html>
<head>
<title>Belajar Array</title>
</head>
<body>
<script language = "javascript">
<!--
var data_ku = new Array("saya","sedang","senang");
for (i=0; i<3; i++)
{
document.write(data_ku[i] +"<br>");
}
document.write(data_ku[2] +"<br>");
alert ("selamat belajar struktur data");
alert ("semoga memperoleh ilmu yang bermanfaat");
//-->
</script>
</body>
</html>
Tampilannnya Sebagai Berikut :
<html>
<head>
<title>Belajar Array</title>
</head>
<body>
<script language = "javascript">
<!--
var data_ku = new Array("minggu","senin","selasa","rabu","kamis","jum'at","sabtu");
for (i=0; i<7; i++)
{
document.write(data_ku[i] +"<br>");
}
alert ("selamat belajar struktur data");
alert ("semoga memperoleh ilmu yang bermanfaat");
//-->
</script>
</body>
</html>
Tampilannya Sebagai Berikut ;
<html>
<head>
<title>Belajar Array</title>
</head>
<body>
<script language = "javascript">
<!--
var data_ku = new Array("minggu","senin","selasa","rabu","kamis","jum'at","sabtu");
i = prompt ("Masukkan angka antara 0-7 : ");
document.write(data_ku[i] +"<br>");
alert ("selamat belajar struktur data");
alert ("semoga memperoleh ilmu yang bermanfaat");
//-->
</script>
</body>
</html>
Tampilannya Sebagai Berikut :

Terima Kasih....
Kamis, 25 Februari 2010
Tugas Persamaan Kuadrat
<html>
<head>
<title>Persamaan kuadrat</title>
</head>
<body>
<script language="JavaScript">
<!--
function determinant(a,b,c)
{
var d = (b*b)-(4*a*c);
return(d);
}
var a=parseFloat(prompt("Menghitung akar persamaan kuadrat masukan nilai A =\n"));
var b=parseFloat(prompt("Menghitung akar persamaan kuadrat masukan nilai B =\n"));
var c=parseFloat(prompt("Menghitung akat persamaan kuadrat masukan nilai C =\n"));
var det=determinant(a,b,c);
document.write("Nilai Determinannya = " +det+"<BR>");
document.write("<BR>");
document.write("<HR>");
if (det>0)
{
var x1 = (-b - Math.sqrt(det))/(2*a);
var x2 = (-b + Math.sqrt(det))/(2*a);
document.write("Nilai x1 = " +x1+ "<BR>");
document.write("Nilai x2 = " +x2+ "<BR>");
document.write("<BR>");
document.write("<HR>");
document.write("Akar-akarnya beda");
alert("Nilai akar-akarnya ada dan berbeda");
} else
if (det==0)
{
var x1 = (-b - Math.sqrt(det))/(2*a);
var x2 = (-b + Math.sqrt(det))/(2*a);
document.write("Nilai x1 = " +x1+ "<BR>");
document.write("Nilai x2 = " +x2+ "<BR>");
document.write("<BR>");
document.write("<HR>");
document.write("Akar-akarnya kembar");
alert("Nilai akar-akarnya sama");
} else
if (det<0)
{
document.write("Akar-akarnya tidak real");
alert("Nilai akar-akarnya tidak terdefinisi");
}
//-->
</script>
</body>
</html>
Tampilan

Rabu, 24 Februari 2010
<html>
<head>
<TITLE>Type Bilangan</TITLE>
</head>
<body>
<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>

<html>
<head>
<title>Konversi Antar Sistem Bilangan</title>
</head>
<body>
<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("Octal : " + bil.toString(8) + "<br>");
document.write("Heksa : " + bil.toString(16) + "<br>");
//-->
</script>
</body>
</html>

<html>
<head>
<title>Membuat Fungsi Matematika Dengan Javascript</title>
</head>
<body>
<script language = "javascript">
<!--
function jumlah(x, y)
{
var hasil = x + y;
return(hasil);
}
var a = parseInt(prompt("ketikan Bilangan A = \n Ingat Jangan String"));
var b = parseInt(prompt("ketikan Bilangan B = \n Ingat Jangan String"));
var z = jumlah(a,b);
document.write(z);
document.write("<br>");
document.write("<hr>");
document.write("Type Datanya Adalah = " + typeof(z));
//-->
</script>
</body>
</html>
<head>
<TITLE>Type Bilangan</TITLE>
</head>
<body>
<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>

<html>
<head>
<title>Konversi Antar Sistem Bilangan</title>
</head>
<body>
<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("Octal : " + bil.toString(8) + "<br>");
document.write("Heksa : " + bil.toString(16) + "<br>");
//-->
</script>
</body>
</html>

<html>
<head>
<title>Membuat Fungsi Matematika Dengan Javascript</title>
</head>
<body>
<script language = "javascript">
<!--
function jumlah(x, y)
{
var hasil = x + y;
return(hasil);
}
var a = parseInt(prompt("ketikan Bilangan A = \n Ingat Jangan String"));
var b = parseInt(prompt("ketikan Bilangan B = \n Ingat Jangan String"));
var z = jumlah(a,b);
document.write(z);
document.write("<br>");
document.write("<hr>");
document.write("Type Datanya Adalah = " + typeof(z));
//-->
</script>
</body>
</html>

Langganan:
Postingan (Atom)