Website Hari Libur Nasional dan Cuti Bersama Menggunakan HTML, CSS, dan JavaScript

Website Hari Libur Nasional dan Cuti Bersama Menggunakan HTML, CSS, dan JavaScript

Halo Bro! Di artikel kali ini, saya akan membahas sebuah website yang saya buat sendiri bernama HoliCuti. Tujuan utama saya membuat website ini adalah untuk membantu Anda mengetahui daftar hari libur nasional dan cuti bersama secara lengkap dan mudah diakses kapan saja.

Website HoliCuti ini dibangun menggunakan HTML, CSS, dan JavaScript, serta mengambil data langsung dari HoliCuti API, yaitu API buatan saya sendiri yang bersumber dari Google Calendar. Jika Anda ingin menggunakan API-nya juga, silakan cek dokumentasinya melalui link berikut: https://holicuti-api.vercel.app/

Cara Menggunakan Website HoliCuti

1. Tampilan Awal

Tampilan Website HoliCuti

Secara default, website ini akan langsung menampilkan semua hari libur dan cuti bersama dari tahun 2020 hingga tahun sekarang.

Namun, karena jumlah datanya cukup banyak, Anda mungkin akan kesulitan mencari tanggal yang relevan jika dilihat sekaligus.

2. Filter Berdasarkan Tahun dan Bulan

Untuk mempermudah pencarian, website ini menyediakan fitur filter berdasarkan tahun dan bulan. Anda bisa menyesuaikannya sesuai kebutuhan.

a. Filter Tahun Tertentu dan Semua Bulan

Contoh: Ingin melihat seluruh hari libur dan cuti bersama pada tahun 2025 di semua bulan.

  • Ubah filter tahun menjadi 2025.
  • Biarkan filter bulan tetap di semua bulan.
  • Klik Tampilkan. Maka akan muncul semua hari libur dan cuti bersama dari Januari sampai Desember di tahun 2025.

Filter Tahun Tertentu dan Semua Bulan

b. Filter Bulan Tertentu dan Semua Tahun

Contoh: Ingin melihat semua hari libur dan cuti bersama pada bulan Mei di semua tahun.

  • Pilih semua tahun di filter tahun.
  • Pilih bulan Mei di filter bulan.
  • Klik Tampilkan. Maka akan ditampilkan semua hari libur dan cuti bersama pada bulan Mei di semua tahun.

Filter Bulan Tertentu dan Semua Tahun

c. Filter Tahun Tertentu dan Bulan Tertentu

Contoh: Ingin melihat hari libur dan cuti bersama di bulan April tahun 2025.

  • Ubah filter tahun menjadi 2025.
  • Ubah filter bulan menjadi April.
  • Klik Tampilkan. Maka hanya hari libur dan cuti bersama di bulan April tahun 2025 yang akan ditampilkan.

Filter Tahun Tertentu dan Bulan Tertentu

Jika Anda ingin melihat hari libur dan cuti bersama pada tahun dan bulan lainnya, silakan Anda ubah filter tahun dan bulan sesuai dengan keinginan Anda.

Nah, itu dia penjelasan tentang HoliCuti Website Hari Libur Nasional dan Cuti Bersama yang saya buat dengan HTML, CSS, dan JavaScript, serta terintegrasi dengan API buatan saya sendiri. Dengan website ini, Anda bisa dengan mudah mengetahui kapan saja tanggal merah (hari libur dan cuti bersama) di Indonesia.

Jika Anda masih kurang paham dengan penjelasan versi artikel ini, Anda juga bisa menonton versi videonya melalui link berikut: Website Hari Libur Nasional dan Cuti Bersama Menggunakan HTML CSS dan JavaScript.

Terima kasih!

Posting Komentar

Lebih baru Lebih lama