Cara Menampilkan Hari Ini Menggunakan Statement Switch di Javascript

Dengan javascript selain bisa membuat animasi yang menarik kita juga bisa membuat sesuatu yang lain, seperti pada artikel kali ini saya akan mencoba membagi Cara Menampilkan Hari Ini Menggunakan Statement Switch di Javascript.

Dalam kasus ini saya akan menggunakan salah satu tag dari html yaitu tag <p></p>, dimana kita akan menampilkan hari sekarang menggunakan statement switch pada javascript. Ok, langsung saja saya akan memberikan langkah-langkah Cara Menampilkan Hari Ini Menggunakan Statement Switch di Javascript.

1. Pertama

Buka text editor anda lalu buat lembar file baru, dan  ketikan kode html di bawah ini.

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

</body>
</html>

2. Kedua

Buat lembar kerja baru lagi untuk membuat proses menampilkan hari sekarang, lalu ketikan kode javascript di bawah dan save dengan nama hari.js

var hari;<br />//getDay() berfungsi untuk mendapatkan hari sekarang<br />//switch di sini berfungsi unut mengganti harinya menjadi hari indonesia
switch (new Date().getDay()) {
    case 0:
        hari = "Minggu";
        break;
    case 1:
        hari = "Senin";
        break;
    case 2:
        hari = "Selasa";
        break;
    case 3:
        hari = "Rabu";
        break;
    case 4:
        hari = "Kamis";
        break;
    case 5:
        hari = "Jumat";
        break;
    case  6:
        hari = "Sabtu";
}
document.getElementById("demo").innerHTML = "Sekarang adalah hari " + "<strong>"+hari+"</strong>";

3. Ketiga

Ketiga kita hubungkan file js dengan file htmlnya

<script type="text/javascript" src="hari.js"></script>

4. Keempat

Buka file html anda menggunakan browser yang ada pada computer anda, maka secara otomatis tag <p></p> yang kita buat akan terisi oleh hari sekarang.

Dikarenakan saya membuatnya pada hari selasa maka yang tampil adalah hari selasa.

Bagaimana cukup mudahkan dalam Cara Menampilkan Hari Ini Menggunakan Statement Switch di Javascript. Dengan javascript kita tidak hanya dapat menampilkan hari sekarang melainkan dapat juga memberikan animasi yang bagus untuk tampilan website kita.

Sekian tutorial tentang Cara Menampilkan Hari Ini Menggunakan Statement Switch di Javascript. Semoga bermanfaat bagi teman-teman.