Konversi Penanggalan (Javascript) Part 1

Berikut adalah script bagaimana membuat konversi penanggalan. Untuk membuatnya harus menguasai basic pemrograman, HTML, dan Javascript.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273<html>
<head>
<title>
    Konversi Penanggalan
</title>

<script type="text/javascript">
    var b=31;

    BulanMasehi = ["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"]



    function Start() {
        IsiTglMasehiCombo();
        IsiBlnMasehiCombo();
        IsiThnMasehiCombo();
    }

    function IsiTglMasehiCombo() {

        for (var i = 1; i < b+1; i++) {
            var optDay = new Option(i,i);
            document.getElementById("cmbTglMasehi").add(optDay,undefined);
            
        }

        // memberikan Tanggal Hari ini
            var HariIni = new Date();
            var Tgl = HariIni.getDate();
            FormKonversi.TglMasehiCombo.value = Tgl;
    }

    function IsiBlnMasehiCombo() {

        for (var i = 0; i < BulanMasehi.length; i++) {
            var optBulanMasehi = new Option(BulanMasehi[i],i+1);
            document.getElementById("cmbBlnMasehi").add(optBulanMasehi, undefined);
        };

        // memberikan Bulan Hari ini
        var BulanIni = new Date();
        var Bln = BulanIni.getMonth();
        FormKonversi.BlnMasehiCombo.value = Bln+1;

    }

    function IsiThnMasehiCombo() {

        for (var i = 622; i < 2466; i++) {
            var optTahunMasehi = new Option(i,i);
            document.getElementById("cmbThnMasehi").add(optTahunMasehi,undefined);
        };

        // Mengisi Tahun Hari ini
        var TahunIni = new Date();
        var Tahun = TahunIni.getFullYear();
        FormKonversi.ThnMasehiCombo.value = Tahun;
    }


</script>

</head>
<body onload="Start();">
<form name="FormKonversi">
    Tanggal: <select id="cmbTglMasehi" name="TglMasehiCombo"> </select>
    Bulan: <select id="cmbBlnMasehi" name="BlnMasehiCombo"> </select>
    Tahun: <select id="cmbThnMasehi" name="ThnMasehiCombo"></select>
    <input type="Submit" value="Konversi Ke Hijriyah">
</form>
</body>
</html>
Konversi Penanggalan
Tanggal: Bulan: Tahun:

Penjelasan Algoritma pemrograman:
  1. Membuat tiga komponen combo box dan satu tombol Konversi ke Hijriyah.
  2. Pada saat halaman dibuka, javascript memasukkan nilai tanggal, bulan, tahun pada masing-masing combo box serta menunjukkan tahun saat ini.
Penjelasan Script:
  1. Terdapat variabel b yaitu nilai tanggal dalam satu bulan, defaultnya adalah 31.
  2. Membuat variabel array yaitu BulanMasehi yang isinya nama-nama bulan dalam tahun Masehi.
  3. Fungsi Start() yaitu fungsi yang mula-mula dipanggil body. fungsi ini menjalankan fungsi di dalamnya yaitu mengisi combo box
  4. Option(i,i) --> maksudnya adalah Option(teks,nilai)
  5. Metod Add(var,undefined)  --> var yaitu variabel, undefined berarti tanpa melihat indek atau mengisi secara berurutan.
Konversi Penanggalan (Javascript) Part 1 Konversi Penanggalan (Javascript) Part 1 Reviewed by Muhammad Ali Husein on Friday, March 11, 2016 Rating: 5

No comments:

Powered by Blogger.