Bubbleshort with list insert

<html>
<head>
<title>Bubblesort list.</title>
</head>
<body>

<script type="text/javascript">


function inputList(form)
{
var i;
DataKosong= false;
DataInputan = form.IsianData.value;
inputData = DataInputan.split(",");
for(i = 0; i<inputData.length; i++)
{
inputData[i] = parseInt(inputData[i], 10);
if (isNaN (inputData [i]) )
{
DataKosong = true;
break;
}
}
if (DataKosong)
{
alert ("Silakan Entri Dulu Data, Pisahkan dengan tanda Koma");
form.Data.focus();
}
// Update the select box list.
updateList(form.ranlist);
}

function sortNumbers(form)
{
inputData = bubbleSort(inputData, 0, inputData.length-1);
// Update the select box list.
updateList(form.ranlist);

}

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


// Assign values in array to values in the select box.
function updateList(listbox)
{
var i;
for(i = 0; i < inputData.length; i++) {
if(listbox.options[i] == null) {

listbox.options[i] = new Option(inputData[i]);
} else {

listbox.options[i].text = inputData[i];
}
}

}


</script>

<form>
Masukan Deretan Angka, Pisahkan denga Koma :
<hr>
<input type = text name=IsianData size=30 Value="">
<br>
<input type=button value="Masukan ke List" onClick="inputList(form)">
<br>
<br>
<select name="ranlist" size="20" >
</select><br><br>
<input type=button value="Bubble Sort Ascending" name="button1"
onclick="sortNumbers(form)">


</form>


</body>
</html>
Hasil program masukan ke list

Hasil program setelah di 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>
Hasil Program

Ascending

<html>
<head>
<title>JavaScript Random Number Generator.</title>
</head>
<body>

<script type="text/javascript">

var ranarray = new Array(100);

// Generate random numbers to fill ranarray.
function genNumbers(listbox) {
var i;

for(i = 0; i < ranarray.length; i++) {
ranarray[i] = Math.random()*100;
// Round to nearest integer.
ranarray[i] = Math.round(ranarray[i]);
}

// Update the select box list.
updateList(listbox);
}


function sortNumbers(listbox) {
var x, y, holder;
// The Bubble Sort method.
for(x = 0; x < ranarray.length; x++) {
for(y = 0; y < (ranarray.length-1); y++) {
if(ranarray[y] > ranarray[y+1]) {
holder = ranarray[y+1];
ranarray[y+1] = ranarray[y];
ranarray[y] = holder;
}
}
}

// Update the select box list.
updateList(listbox);
}

// Assign values in array to values in the select box.
function updateList(listbox) {
var i;
for(i = 0; i < ranarray.length; i++) {
if(listbox.options[i] == null) {
listbox.options[i] = new Option(ranarray[i]);
} else {
listbox.options[i].text = ranarray[i];
}
}

}

</script>

<form>
<select name="ranlist" size="20" style="width:200px">
</select><br><br>
<input type="button" value="Generate Numbers"
onclick="genNumbers(this.form.ranlist);">
<input type="button" value="Bubble Sort Numbers"
onclick="sortNumbers(this.form.ranlist);">
</form>


</body>
</html>
Hasil Program

Algoritma 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");
}
}

function init()
{
var x = nilaiacuan;
document.write('<pre>');
document.write('<br>');
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>');

var awal='<pre>';
document.write(awal+'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>');
document.write('</pre>');
}

init();
var dari=0;
var ke=5;
dijkstra(matriks.length,dari,ke);

//-->
</script>
</body>
</html>
Hasil Program

Insert ( linked)

Program Linked menggunakan insert(tambah)
<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--;

} else
{
return null;
}
},

insert : function(index,data)
{

var node = {data : data, next:null};
var temp = "";
if( index > -1 && index < this._panjang)
{

var NodeTanda = this._kepala, i=0;
this.tambah("x");

//posisi index
while(i++ < index)
{
NodeTanda = NodeTanda.next;

}

while(index++ < this._panjang)
{

temp = NodeTanda.data;
NodeTanda.data = data;
NodeTanda = NodeTanda.next;
data = temp;
}

}

this._panjang++;
},

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("Item 1 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>");
document.write("<br>");
document.write("--------------- <br>");
document.write("Isi Link list disisipkan lagi <br>");
document.write("--------------- <br>");
list.insert(2,"Teknik Komputer ");

for (i=0;i<4;i++)
{
document.write(list.Item(i) + "<br>");
}
document.write("----------------<br>");
alert("setelah disisipkan");
//-->
</script>
</body>
</html>

Hasil Program

Linked

Program Linked
<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("Item 1 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>
Hasil program




modul 5

Program Queue ( shift dan 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>

Modul 5

Program Queuen (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>

Hasil Program

Modul 4

Program Stack( Tumpukan )
<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>
Hasil Program

Record ke-2

Memahami Record
<html>
<head>
<title>Memahami 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", "acoy", "TI");
databaseMHS[1] = new nilaiMHS("P002", "linda", "TI");
databaseMHS[2] = new nilaiMHS("P003", "nabil", "TK");
databaseMHS[3] = new nilaiMHS("P004", "nesha", "KA");
databaseMHS[4] = new nilaiMHS("P005", "aulia", "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>

Array

Program Mengisi Array
<html>
<head>
<title>latihan</title>
</head>
<body>
<script language="javascript">
<!--
var tempat=[];
var data=prompt("masukan data array");
for (m=1; m<=data ;m++)
{
var bil=prompt("masukan bilangan=");
tempat[m]=bil;
}
for (n=1; n<=data; n++)
{
document.write("datanya("+n+")="+tempat[n]+"<br>");
}
alert("anda benar");
//-->
</script>
</body>
</html>

pengurangan matrik

program 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);

MatrixHasil [0] = new Array(2);
MatrixHasil [1] = new Array(2);

MatrixA [0] = new Array(2);

MatrixA [0][0] = 2;

MatrixA [0][1] = 3;
MatrixA [1] = new Array(2);

MatrixA [1][0] = 2;

MatrixA [1][1] = 3;

MatrixB [0] = new Array(2);

MatrixB [0][0] = 0;

MatrixB [0][1] = 0;
MatrixB [1] = new Array(2);

MatrixB [1][0] = 0;

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

Fibonacci

Program Latihan Fibonacci
<html>
<head>
<title>fibonacci</title>
</head>
<body>
<script language="javascript">
<!--

function fibonacci(n)
{
var array_fib= new Array();
array_fib.push(0);
array_fib.push(1);

for (i=0; i<n; i++)
{
array_fib.push(array_fib[0]+array_fib[1]);
array_fib.shift();
}
return array_fib[0];
}

for (i=0; i<=20;i++)
document.write("fibonacci("+i+")="+fibonacci(i)+"<BR>");

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

Record

Program Latihan Record
<html>
<head>
<title>record</title>
</head>
<body>
<script language="javascript">
<!--

var Record = new Array();
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","acoy","TI","S1");
Record[1] = new Mahasiswa("43E001","acoy","TI","S1");
Record[2] = new Mahasiswa("43E001","acoy","TI","S1");
Record[3] = new Mahasiswa("43E001","acoy","TI","S1");

//menampilkan data

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>");
}


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

Latihan 4

Program Latihan 4
<html>
<head>
<title>Menampilkan Hari</title>
</head>
<body>
<script language="javascript">
<!--

var data=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu");
var i = prompt("Masukkan angka 0 s/d 6 : ");

{
document.write(data[i]+"<BR>");
alert("Selamat anda telah memasukan angka yang tepat");

}


//-->
</script>
</body>
</html>
Hasil Program

Latihan 3

Program Latihan 3
<html>
<head>
<title>Menampilkan hari</title>
</head>
<body>
<script language="javascript">
<!--

var dataku=new Array("minggu","senin","selasa","rabu","kamis","jumat","sabtu");
for (i=0; i<7; i++)
{
document.write(dataku[i]+"<BR>");
}

alert("selamat belajar struktur data");
alert("semoga memperoleh ilmu");

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

Hasil Program

Latihan 2

Program Latihan 2
<html>
<head>
<title>Menampilkan isi array</title>
</head>
<body>
<script language="javascript">
<!--

var dataku=new Array("saya","sedang","senang","senang");
for (i=0; i<4; i++)
{
document.write(dataku[i]+"<BR>");
}

alert("selamat belajar struktur data");
alert("semoga memperoleh ilmu");

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

Hasil Program

Latihan 1

Program Latihan 1
<html>
<head>
<title>Menampilkan isi array</title>
</head>
<body>
<script language="javascript">
<!--

var dataku=new Array("saya","sedang","senang");
for (i=0; i<3; i++)
{
document.write(dataku[i]+"<BR>");
}

alert("selamat belajar struktur data");
alert("semoga memperoleh ilmu");

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

Hasil Program

praktek entry pegawai

< html>
< head >
< title>Entri 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()

{

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>"+"%lt;th>NIP</th> <th>Nama</th> <th>Gaji per jam</th> <th>Jam kerja</th>"+
"<th>Gaji </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>

Tugas Latihan dan Evaluasi No.1

Program Menghitung Persamaan kuadrat

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

Hasil Program

Tugas Latihan dan Evaluasi No.2

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

Tugas Struktur Data Praktek III

Program Konversi Bilangan

<HTML>
<HEAD>
<TITLE>konversi antar sistem bilangan </TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var bil = parseInt(prompt("masukan nilai bilangan"));
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>");
document.write("<HR>");
//-->
</SCRIPT>
</BODY>
</HTM>

Hasil Program Praktek III

Tugas Stuktur Data Praktek II

Program Function

<HTML>
<HEAD>

<TITLE>Fungsi matematika menambah bilangan</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript";
!--
function jumlah (x,y) {
var hasil = x+y;
return(hasil);
}

var a = parseInt(prompt("ketikkan bilangan A = \n jangan string"));
var b = parseInt(prompt("ketikkan bilangan B = \n jangan string"));
var z = jumlah(a,b);

document.write(z);
document.write("<BR>");
document.write("<HR>");
document.write("tipe datanya adalah="+typeof(z));

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

Hasil program praktek II

Tugas Stuktur Data Praktek I

Program Penambahan bilangan

<HTML>
<HEAD>

<TITLE>Type Bilangan</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript";
!--
var a=15;
b=14;

tambah = a + b;
kali = a * b;
bagi = a/b;

document.write("Penambahan (" +a+ " + " +b+ ") = " + tambah);
document.write("BR");
document.write("Penambahan (" +a+ " x " +b+ ") = " + kali);
document.write("BR");
document.write("Pembagian (" +a+ " / " +b+ ") = " + bagi);
document.write("BR");

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

Hasil program praktek I

Tugas Fisika Dasar Medan Magnet

Medan Magnet