Jadikan segalanya menjadi lebih baik

Selasa, 19 Juni 2012

Bubble sort

<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,4,8,4">
 <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>

Keliling lingkaran

<HTML>
<HEAD>
<TITLE> menghitung keliling persegipanjang </TITLE>
</HEAD>
<SCRIPT language="JavaScript">

function kelpersegi()
{
var p=parseFloat(document.klp.ip.value);
var l=parseFloat(document.klp.il.value);
var kl= 2*(parseFloat(p)+parseFloat(l));

document.klp.op.value=p;
document.klp.ol.value=l;
document.klp.okl.value=kl;
}

</SCRIPT>
<FORM NAME ="klp"><CENTER>
<H2>Menghitung Keliling Persegi Panjang</H2>
<pre>
Masukkan Panjang:<input type="text" size="10" name="ip"> cm

Masukkan Lebar :<input type="text" size="10" name="il"> cm
</pre>
<p>
<input type="button" value="HITUNG" onClick="kelpersegi()">
<input type="reset" value="KEMBALI">
<p>Jadi Hasil Keliling Persegi Panjang adalah
<p>Panjang :
<input type="text" size="10" name="op">cm
<p>Lebar :
<input type="text" size="10" name="ol">cm
<p>Adalah :
<input name="okl" type="text" size="10">cm
</FORM>
</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>

Latihan 1

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

Latihan 4

<HTML>
<HEAD>
<TITLE>Keliling Lingkaran</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function kl(r)    {
var phi = 3.14;
var hasil = 2 * phi * r;
return(hasil);
}
var x = parseInt(prompt("Ketikan Jari-Jari Lingkaran = \n Ingat Jangan String"));
var z = kl (x);
document.write(z);
//-->
</SCRIPT>
</BODY>
</HTML>

Latihan 3

<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("Tipe Data nya adalah = " + typeof(z));
//-->
</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>

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

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>

contoh program bubble sort

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