Thursday, January 12, 2017

Javascript Part 8 : Menampilkan Tanggal Dengan Javascript

Penulis INero Diterbitkan 6:16 PM

MENAMPILKAN TANGGAL DENGAN JAVASCRIPT
Ada sebuah fungsi yang khusus disediakan di javasript untuk menampilkan tanggal. Yaitu kita bisa menggunakan fungsi Date(). Dengan menggunakan fungsi Date() ini kita bisa menampilkan tangal. Dan untuk mengatur foramt tanggal yang ditampilkan, teman - teman bisa menyesuaikan degan memberikan/mengisi fomat tanggal nya sesuai dengan keinginan didalam parameter fungsi Date().

Perlu teman - teman perhatikan. Seperti yang sudah kita bahas pada tutorial javascript sebelumnya bahwa javascript memiliki sifat case sensitive, yang artinya penulisan javascript sangat berpengaruh sekali tentang besar kecil hurufnya. Jadi untuk membuat tanggal, sobat harus menuliskan fungsi datenya dengan benar yaitu huruf "D" nya harus huruf kapital.

Contoh Salah > date()
Contoh Benar > Date()

Jadi jika teman - teman menuliskan fungsi Date() dengan menggunakan huruf kecil semua, maka hasilnya tidak akan muncul. Jadi harus diawali dengan huruf kapital diawalnya, Sesuai dengan ketentuan penulisan fungsi date.

CONTOH MENAMPILKAN TANGGAL DENGAN JAVASCRIPT
Oke gak perlu lama - lama akan saya berikan contoh penggunaan fungsi Date() pada javascript


<!DOCTYPE html>
<html>
<head>
    <title>Javascript Part 8 : Menampilkan Tanggan Dengan Javascript</title>
</head>
<body style="font-family: raleway">
    <h1>Menampilkan tanggan dengan Javascript</h1>
    <h2><a href="www.script-kiddies.org">Script Kiddies</a></h2>

    <!-- Id Hasil -->
    <div id="hasil"></div>

    <script type="text/javascript">
        var tanggal = new Date();

        document.getElementById('hasil').innerHTML = tanggal;
    </script>
</body>
</html>

Pada contoh ini saya memasukkan fungsi date ke dalam variabel tanggal dan kemudia menampilkanya.

var tanggal = new Date();
document.getElementById('hasil').innerHTML = tanggal;

Dan Hasilnya seperti berikut

KESIMPULAN
Kesimpulanya Untuk menampilkan tanggal pada javascript kita harus menggunakan fungsi Date() dan penulisan Date() harus diawali huruf D kapital (Besar) . Ketika sobat memasukkan fungsi Date() diawali dengan huruf kecil maka fungsi tersebut tidak akan ditampilkan alias Error . Tetapi contoh diatas adalah pembuatan tanggal yang sangat sederhana sobat bisa memberikan style css agar tanggal tersebut terlihat lebih cantik.

Referensi : Malas Ngoding

TUTORIAL BELAJAR JAVASCRIPT DASAR LAINYA