Menampilkan Jam Dengan Alert menggunakan Javascript

Assalamu alaikum warah matulahi wabarakatu..
Hy.. Teman-teman semua.. Apa kabar??? saya harap baik-baik saja.. dan semoga sehat selalu..πŸ™‚
Jumpa lagi di tutorialku yang kudapat setelah membaca buku di Gua (kamarq :))wkwkwk.. Kali ini saya akan membahas mengenai Fungsi pada Javascript. Contoh yang kali ini akan sata buat yakni mengenai fungsi jam yang akan ditampilkan melalui Alert.
Ok langsung saja kita mulai… bom..bom..bom… taraπŸ™‚ wkwkwk:)

  • Saya menganggap anda sudah mempunyai tools yang anda butuhkan seperti yang telah ku tulis di artikel ku sebelumnya.
  • Kali ini saya menggunakan DW 8 sebagai Tools Editor dan MOzila sebagai browser untuk melihat hasil dari script yang saya akan buat
  • OK langsung saja kita mulai… 1..2..3..GO..πŸ™‚πŸ™‚
    Buat file baru pada DW 8, dengan nama file terserah anda dengan extensi .html atau .htm.Disini saya menyimpan file dengan nama ujifungsi.htm. Kalau sudah, maka akan muncul halaman kerja dari DW 8 dan kita siap untuk berexplorasi. Berikut contoh listing code lihatjam.htm yang terletak pada c:\xampp\htdocs\folder_file_anda\ :
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Uji fungsi</title>
    <script language="javascript">
    function ujifungsi(){
    document.write("saya berasala dari java script");
    }
    function waktu(){
    var waktu_sekarang=new Date();
    var jam=waktu_sekarang.getHours();
    var menit=waktu_sekarang.getMinutes();
    var detik=waktu_sekarang.getSeconds();
    
    var lihatjam="skarang pukul : "+jam+":"+menit+":"+detik;
    alert(lihatjam);
    }
    </script>
    
    
    </head>
    
    <body>
    <h3>hay... apa kabar salam kenal ya..</h3><p>
    <script language="javascript">
    ujifungsi();
    </script>
    <p>
    <input type="button" name="jam" value="lihat jam" onclick="waktu();" />
    
    </body>
    </html>
    
    
    

    Berikut penjelasan fungsi source code diatas:

    : memulai kode javascript
    function ujifungsi(){
    document.write(“saya berasala dari java script”);
    }
    :membuat fungsi bernama ujifungsi dengan hasil eksekusi menampilkan tulisan “saya berasala dari java script”.
    function waktu(){
    var waktu_sekarang=new Date();
    var jam=waktu_sekarang.getHours();
    var menit=waktu_sekarang.getMinutes();
    var detik=waktu_sekarang.getSeconds();

    var lihatjam=”skarang pukul : “+jam+”:”+menit+”:”+detik;
    alert(lihatjam);
    }
    ://membuat fungsi bernama waktu dengan mendeklarasikan variabel waktu sekarang (mununjukan tanggal saat ini), jam (mununjukan jam pada tanggal saat ini),menit (mununjukan menit pada jam di tanggal saat ini), detik (mununjukan menit pada jam di tanggal saat ini), lihatjam berfungsi untuk menampilkan jam:menit:detik dan alert(lihatjam) berfungsi untuk menampilkan jam dengan system alert.
    : mengakhiri script

    ujifungsi();
    :memanggil fungsi ujifungsi();
    : membuat tombol yang bernama “jam” dan bertuliskan “lihat jam” dan apabila di klik maka akan mengeksekusi fungsi waktu().
    Berikut hasil exekusi dari file ujifungsi.htm

    Demikian lah tutorial singkat saya kali ini mengenai fungsi pada javascript. Kalau ada salah-salah kata mohon dimaafkan dan kalau ada salah dalam penulisan serta penjelasan listing code diatas harus dikomentari agar saya bisa memperbaikinya dan pembaca tidak ikut-ikutan salah.πŸ™‚

    me alitle programer laabroo

    πŸ™‚πŸ˜‰

Posted in Uncategorized

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s