Membuat Kalender Sederhana dengan Javascript

Javascript merupakan bahasa berbasis script yang dapat memberikan kemampuan tambahan dalam HTML. Membuat HTML menjadi lebih dinamis.

Javascript merupakan bahasa pemrograman yang berjalan disisi client dan didukung oleh banyak web browser.

Disini saya hanya seorang pemula, yang masih sangat awam dengam bahasa pemrograman, termasuk javascript.

Berikut ini adalah Kalender yang dibuat dengan javascript, dan pastinya kalender ini sangat sederhana karena dibuat oleh seorang pemula.hehe

Langsung saja lihat disini.

Berikit ini adalah kodenya. Masih sangat berantakan.

<br /> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br /> <html><br /> <br /> <head><br /> <title></title><br /> <script language=javascript> function kalender() { var d=new Date(); var hr=d.getDay(); var nm_hr=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu"); var tgl=d.getDate(); var bln=d.getMonth(); var nmbln=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"); var thn=d.getYear(); var thn=1900+thn; var jmlhr=new Array(31,28,31,30,31,30,31,31,30,31,30,31); if (((thn%100!=0)&&(thn%4==0))||(thn%400==0)) jmlhr[1]++; document.write('<div align=right><b>'+nm_hr[hr]+', '+tgl+' '+nmbln[bln]+' '+thn+'</div><p>'); d.setDate(1) var tglx=d.getDate(); var hrx=d.getDay(); kolom=0; document.write('<table border=0><tr><th colspan=7 style=\'color:green;border:2px solid green;padding:3px;margin:0px;\'>'+nmbln[bln]+' '+thn+'</th></tr>'); document.write('<tr><th>Ming<th>Sen<th>Sel<th>Rab<th>Kam<th>Jum<th>Sab</tr><tr>'); var jmlhr_bef=jmlhr[bln-1]; if (bln=1) jmlhr_bef=31; var awal=jmlhr_bef-hrx; for (x=awal+1;x<=jmlhr_bef;x++ ) {document.write('<td align=center><font color=gray>'+x); kolom++;} for (i=1;i<=jmlhr[bln];i++) { document.write('<td align=center><b>'); kolom++; if (kolom==1) {document.write('<font color=red>');} if (i==tgl) {document.write('<font color=orange style=\';font-size:x-large;\'><b>');} document.write(i); if (kolom==7) {document.write('</tr><tr>'); kolom=0;} } if (kolom!=0) { y=1; while (kolom<7) { document.write('<td align=center><font color=gray>'+y); y++; kolom++; } } document.write('</tr></table>'); } kalender() </script><br /> </head><br /> <body style='padding:10px; '><br /> </body><br /> </html><br />

Atau bisa download disini.

Maaf tidak ada penjelasan dari script diatas. Maklum belum bisa jelasin karena saya masih belajar.hehe

Demikian yang dapat saya tulis.
Terima kasih.
:D

Anda baru saja membaca artikel yang berkategori JavaScript dengan judul Membuat Kalender Sederhana dengan Javascript. Anda bisa bookmark halaman ini dengan URL http://agathok.blogspot.com/2013/02/membuat-kalender-sederhana-dengan.html. Terima kasih!

Ditulis oleh: Unknown - Rabu, 06 Februari 2013

Iklan

Arsip Blog

Membuat Kalender Sederhana dengan Javascript

Belum ada komentar untuk "Membuat Kalender Sederhana dengan Javascript"

Posting Komentar

Postingan Populer

Mengenai Saya

Label

SEO CONTEST JalanTikus.Com