Konversi Penanggalan (Javascript) Part 1
Berikut adalah script bagaimana membuat konversi penanggalan. Untuk membuatnya harus menguasai basic pemrograman, HTML, dan Javascript.
Konversi Penanggalan
Penjelasan Algoritma pemrograman:
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>
Penjelasan Algoritma pemrograman:
- Membuat tiga komponen combo box dan satu tombol Konversi ke Hijriyah.
- Pada saat halaman dibuka, javascript memasukkan nilai tanggal, bulan, tahun pada masing-masing combo box serta menunjukkan tahun saat ini.
- Terdapat variabel b yaitu nilai tanggal dalam satu bulan, defaultnya adalah 31.
- Membuat variabel array yaitu BulanMasehi yang isinya nama-nama bulan dalam tahun Masehi.
- Fungsi Start() yaitu fungsi yang mula-mula dipanggil body. fungsi ini menjalankan fungsi di dalamnya yaitu mengisi combo box
- Option(i,i) --> maksudnya adalah Option(teks,nilai)
- Metod Add(var,undefined) --> var yaitu variabel, undefined berarti tanpa melihat indek atau mengisi secara berurutan.
Konversi Penanggalan (Javascript) Part 1
Reviewed by Muhammad Ali Husein
on
Friday, March 11, 2016
Rating:
No comments: