Kembali lagi dengan saya Rizal. Dikesempatan kali ini saya akan membahas tentang Cara Mengetahui Bulan Sekarang Menggunakan Javascript.
dipembahasan sebelumnya saya sudah membahas tentang Cara Mengetahui Hari ini Menggunakan Javascript. silahkan teman-teman lihat dulu karena pembahasan yang sekarang tidak jauh berbeda dari yang sebelumnya.
baiklah sekarang kita mulai saja untuk mempraktekannya tentang Cara Mengetahui Bulan Sekarang Menggunakan Javascript.
Pertama-tama jalankan/run text-editor yang teman-teman gunakan, kemudian ketiklah script HTML dibawah ini :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hari ini Javascript</title> </head> <body> <h2>Klik Tombol Dibawah ini Untuk Mengetahui Bulan Sekarang</h2> <button onclick="bulan()"> Check Bulan </button> <p id="bulan"></p> </body> </html> |
Jika sudah silahkan teman-teman simpan, lalu kemudian tambahkan lah kode javascript seperti dibawah ini :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
<script> function bulan(){ var m = new Date().getMonth(); if(m == 0){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN JANUARI</b></u>"; }else if(m == 1){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN FEBRUARI</b></u>"; }else if(m == 2){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN MARET</b></u>"; }else if(m == 3){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN APRIL</b></u>"; }else if(m == 4){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN MEI</b></u>"; }else if(m == 5){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN JUNI</b></u>"; }else if(m == 6){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN JULI</b></u>"; }else if(m == 7){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN AGUSTUS</b></u>"; }else if(m == 8){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN SEPTEMBER</b></u>"; }else if(m == 9){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN OKTOBER</b></u>"; }else if(m == 10){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN NOVEMBER</b></u>"; }else if(m == 11){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN DESEMBER</b></u>"; }else{ document.getElementById("bulan").innerHTML = "HARI TIDAK TERSEDIA"; } } </script> |
Hasil dari kedua kode diatas akan menjadi seperti ini :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hari ini Javascript</title> </head> <body> <h2>Klik Tombol Dibawah ini Untuk Mengetahui Bulan Sekarang</h2> <button onclick="bulan()"> Check Bulan </button> <p id="bulan"></p><br> <script> function bulan(){ var m = new Date().getMonth(); if(m == 0){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN JANUARI</b></u>"; }else if(m == 1){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN FEBRUARI</b></u>"; }else if(m == 2){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN MARET</b></u>"; }else if(m == 3){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN APRIL</b></u>"; }else if(m == 4){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN MEI</b></u>"; }else if(m == 5){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN JUNI</b></u>"; }else if(m == 6){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN JULI</b></u>"; }else if(m == 7){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN AGUSTUS</b></u>"; }else if(m == 8){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN SEPTEMBER</b></u>"; }else if(m == 9){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN OKTOBER</b></u>"; }else if(m == 10){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN NOVEMBER</b></u>"; }else if(m == 11){ document.getElementById("bulan").innerHTML = "Sekarang adalah <u><b>BULAN DESEMBER</b></u>"; }else{ document.getElementById("bulan").innerHTML = "HARI TIDAK TERSEDIA"; } } </script> </body> </html> |
Jika sudah, silahkan teman-teman simpan dan jalankan dibrowser yang teman-teman gunakan. Jika benar maka hasilnya akan sama seperti pada gambar dibawah ini :
Ketika diklik
Bagaimana teman-teman ? mudah ya. Oke kalau begitu saya rasa dipembahasan Cara Mengetahui Bulan Sekarang Menggunakan Javascript kali ini cukup jelas ya dan sudah ada contoh dasarnya pula diatas. Dan silahkan teman-teman modifikasi sesuai logika teman-teman.
Oke cukup sekian pembahasan kali ini tentang Cara Mengetahui Hari Bulan Sekarang Menggunakan Javascript semoga bermanfaat dan sampai bertemu dipembahasan selanjutnya saya akan bahas tentang bulan sekarang.
Terimakasih