Pada kesempatan kali ini saya akan menjelaskan cara membuat cookies dengan javascript. Perlu teman-teman ketahui sebelumnya, Cookies adalah data dan disimpan dalam file teks kecil di browser komputer teman-teman. Ketika server website mengirim halaman website ke browser teman-teman, koneksi di putuskan, dan server melupakan semua hal tentang pengguna tersebut. Cookies diciptakan untuk memecahkan masalah “bagaimana mengingat informasi tentang pengguna”. Seperti contohnya, saat pengguna mengunjungi halaman website, namanya akan disimpan dalam cookies dengan tujuan supaya lain kali pengguna yang sudah tercatat di dalam cookies, ketika mengunjungi halaman tersebut, maka cookies akan mengingat namanya, sehingga tidak diperlukanĀ  lagi untuk login (masuk) ke dalam suatu account di website.

Sedangkan untuk Cookies, disimpan dalam pasangan nama-nilai seperti di bawah ini:

Saat browser meminta halaman website dari server, cookies milik halaman ditambahkan ke permintaan. Dengan cara ini server mendapatkan data yang diperlukan untuk “mengingat” informasi tentang pengguna yang dicatatnya.

Berikut cara membuat cookies dengan JavaScript

Pada contoh berikut, saya akan membuat cookies yang menyimpan nama pengunjung. Sehingga ketika pertama kali pengunjung datang ke halaman website teman-teman, pengunjung website tersebut akan diminta untuk mengisi namanya. Dan kemudian disimpan dalam cookies. Sehingga lain kali pengunjung tiba di halaman yang sama, akan mendapatkan pesan pembuka.

Sebagai contoh saya akan membuat 3 fungsi JavaScript, seperti di bawah ini :

  1. Fungsi untuk menetapkan nilai cookies
  2. Fungsi untuk mendapatkan nilai cookies
  3. Fungsi ungsi untuk memeriksa nilai cookies

Berikut Fungsi untuk Mengatur Cookies

Pertama-tama, teman-teman membuat fungsi yang akan menyimpan nama pengunjung dalam variabel cookies tersebut terlebih aulu, jika sudah ketikan kode seperti dibawah ini :

Contoh yang dijelaskan pada kode diatas adalah:

  • Parameter dari fungsi di atas adalah nama cookie (cname), nilai cookies (cvalue), dan jumlah hari sampai cookie kadaluwarsa (exdays).
  • Fungsi untuk menyetel kuki dengan menambahkan gabungan cookiename, nilai kuki, dan string kedaluwarsa.

Fungsi untuk Mendapatkan Cookies

Kemudian, saya membuat fungsi untuk mengembalikan nilai cookies yang ditentukan, jika sudah teman-teman bisa buat kode yang baru seperti kode dibawah ini :

Fungsi untuk Memeriksa Cookie

Terakhir, saya membuat fungsi yang akan memeriksa apakah ada cookies yang disimpan. Jika cookies sudah dicatat maka akan menampilkan kotak salam. Namun jika cookies tidak dicatat, maka akan muncul kotak prompt, yang isinya menanyakan nama pengguna, dan menyimpan cookies dari nama pengguna selama 365 hari, dengan memanggil fungsi setCookie. Dan teman-teman bisa ketikan seperti kode dibawah ini :

Sampai disini penjelasan saya mengenai cara membuat cookies dengan javascript, semoga bermanfaat.