FendiAprill: Program JavaScript

Showing posts with label Program JavaScript. Show all posts

Wednesday, June 20, 2012

Contoh Program LinkedList

<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();
    },
}

//Lanjutan
var list = new LinkedList();
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.Item(i) + "<br>");
        }
document.write("--------------- <br>");
alert("Isi LinkedList Awal =" + list.Item(0));
alert("Item 1 pada Linked list dibuang, yaitu = " +list.Item(1));
list.Buang(1);
document.write("Isi LinkedList Terakhir <br>");
document.write("--------------- <br>");
for (i=0; i<4; i++)
    {
        document.write(list.Item(i) + "<br>");
    }
document.write("--------------- <br>");

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

Wednesday, June 6, 2012

Contoh Program BubbleSort

<html>
<head><title>Buble Sort</title>
<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("Silahkan 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="5,6,8,12,4,8,4,20">
<br>
     <br>
          <input type=button value="Urutkan" onClick="Urutkan(this.form)">
          <br>
          <br>
          <br>
              Hasil Pengurutan :
          <hr>
          <input type=text name=Hasil size=30>


</form>
</center>
</body>

</html>

Thursday, April 26, 2012

Program Queue(Antrian)

<html>
<head><title>Struktur Data Antrian</title></head>
<script language = "JavaScript">
var queue = new Array();

function Masuk_Antrian(data) {
    queue.push(data);
}

function Keluar_Antrian() {
var yang_keluar_antrian = queue.shift();
if(queue.length == 0)
    return "Antrian 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>
<body>
<form>
<input type=text name=textSimpan size=7>
<input type=button value="Masuk Antrian"
        onClick='Masuk_Antrian(textSimpan.value);
        textSimpan.value="";
        Dalam_Antrian(Visualisasi);'>


<select name="Visualisasi" size=7>
<option>isi antrian</option>
</select>

<input type=text name=textAmbil size=7>
<input type=button value="Keluar Antrian"
        onClick="textAmbil.value = Keluar_Antrian();
        Dalam_Antrian(Visualisasi);">

</form>
</body>
</html>

Thursday, April 19, 2012

Program Stack

<html>
<head><title>Struktur Fata Stack</title>
<script language = "JavaScript">

var stack = new Array();

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

function Ambil_dari_Stack() {
    var data_dari_stack = stack.pop();
    if(data_dari_stack == undefined)
        return "Stack Sudah Kosong";
    else
    return data_dari_stack;
}

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

</script>
</head>
<body>
<form>
<input type=text name=textSimpan>
<input type=button value="Masukan Ke Stack"
                onClick='Input_ke_Stack(textSimpan.value);
                textSimpan.value="";
                TampilkanStack(mediaList);'>

<select name="mediaList" size=12>
<option>Tampilan data...
</select>

<input type=text name=textAmbil size=20>
<input type=button value="Ambil dari Stack"
                onClick="textAmbil.value = Ambil_dari_Stack();
                TampilkanStack(mediaList);">

</form>
</body>
</html>

Wednesday, April 11, 2012

Program JavaScript Record

<html>
<head><title >Membuat Rekaman Objek</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", "Dani", "TI", "S1");
Record[1] = new Mahasiswa("43E001", "Doni", "TI", "S1");
Record[2] = new Mahasiswa("43E001", "Dina", "TI", "S1");
Record[3] = new Mahasiswa("43E001", "Dini", "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>");
}
document.write("</table> <br>");
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].npm
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
</html>

Program JavaScript Nama Bulan

<html>
<head><title>Nama Bulan</title></head>
<body>
<Script language = "JavaScript">
var bulan = new Array();
document.write("Anda Akan Menggunakan Program Bulan\n");
bulan[1]= "Januari";
bulan[2]= "Februari";
bulan[3]= "Maret";
bulan[4]= "April";
bulan[5]= "Mei";
bulan[6]= "Juni";
bulan[7]= "Juli";
bulan[8]= "Agustus";
bulan[9]= "September";
bulan[10]= "Oktober";
bulan[11]= "Nopember";
bulan[12]= "Desember";
var data = prompt("Masukan Bulan Yang Anda Inginkan\n");
document.write("<br>");
document.write("<hr>");
document.write("Bulan ke- "+data+" adalah "+bulan[data]+" \n");
</script>
</body>
</html>

Tuesday, February 21, 2012

Latihan 3

<HTML>
<HEAD>
<TITLE>Membuat Fungsi Matematika Dengan JavaScript</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">

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

Saturday, February 18, 2012

Latihan 4

<HTML>
<HEAD>
<TITLE>Keliling Lingkaran</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">

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

Latihan 2

<HTML>
<HEAD>
<TITLE>Konversi Antar Sistem Bilangan</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">

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

Latihan 1

<HTML>
<HEAD>
<TITLE>Type Bilangan</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">

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

Persamaan Kuadrat

<HTML>
<HEAD>
<TITLE>Persamaan kuadrat</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
function det(a,b,c)
{
var d = (b*b)-(4*a*c);
return(d);
}
var a = parseFloat(prompt("Masukan Nilai A =\n"));
var b = parseFloat(prompt("Masukan Nilai B =\n"));
var c = parseFloat(prompt("Masukan Nilai C =\n"));
var deter = det(a,b,c);
document.write("Nilai Determinannya = " +deter+"<BR>");
document.write("<BR>");
document.write("<BR>");
if (deter>0)
{
var x1 = (-b - Math.sqrt(deter))/(2*a);
var x2 = (-b + Math.sqrt(deter))/(2*a);
document.write("Nilai x1 = " +x1+ "<BR>");
document.write("Nilai x2 = " +x2+ "<BR>");
document.write("<BR>");
document.write("<BR>");
document.write("Akar-akarnya Berbeda");
} else
if (deter==0)
{
var x1 = (-b - Math.sqrt(deter))/(2*a);
var x2 = (-b + Math.sqrt(deter))/(2*a);
document.write("Nilai x1 = " +x1+ "<BR>");
document.write("Nilai x2 = " +x2+ "<BR>");
document.write("<BR>");
document.write("<BR>");
document.write("Akar-akarnya Sama");
} else
if (deter<0)
{
document.write("Akar-akarnya Imaginer");
}
</SCRIPT>
</BODY>
</HTML>

FendiAprill