Cara Menampilkan Hari Ini Menggunakan Statement Switch di Javascript

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





Pada kasus ini saya akan menggunakan diantara tag dari html yaitu tag <p></p>, dimana kita akan menampilkan hari kini menggunakan statement switch di javascript. Ok, seketika saja saya akan memberikan strategi Cara Menampilkan Hari Ini Menggunakan Statement Switch di Javascript.



1. Pertama-tama



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



<!DOCTYPE html>
<html>
<body>

<p id=demo></p>

</body>
</html>


2. Kedua



Bikin lembar kerja baru lagi bagi merancang proses menampilkan hari kini, lalu ketikan kode javascript di bawah dan save dengan nama hari.js



var hari;<br />//getDay() berfungsi bagi memperoleh hari kini<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 = Kini yakni 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 sahabat menggunakan browser yang terdapat di computer sahabat, karenanya secara otomatis tag <p></p> yang kita bikin akan terisi oleh hari kini.



Dengan



Dikarenakan saya membuatnya di hari selasa karenanya yang tampil yakni hari selasa.



Bagaimana lumayan mudahkan pada Cara Menampilkan Hari Ini Menggunakan Statement Switch di Javascript. Dengan javascript kita tak hanya dapat menampilkan hari kini melainkan dapat pun memberikan animasi yang bagus bagi tampilan blog kita.



Demikian panduan mengenai Cara Menampilkan Hari Ini Menggunakan Statement Switch di Javascript. Semoga bermanfaat untuk teman-teman.




Sumber https://kursuswebsite.org

Popular posts from this blog

Perbedaan Antara Keyup dan Keydown Pada jQuery

Membuat Table Warna Berselang dengan PHP