MENGGUNAKAN COOKIES PADA JAVASCRIPT

Menggunakan cookies pada JavaScript itu mudah dan sangat berguna untuk menyimpan data pengguna di browser. Berikut ini adalah panduan singkat tentang cara membuat, membaca, dan menghapus cookies menggunakan JavaScript.

Membuat Cookies

Untuk membuat cookie, kamu bisa menggunakan document.cookie seperti ini:

document.cookie = "username=JohnDoe; expires=Fri, 31 Dec 2023 12:00:00 UTC; path=/";

Penjelasan:

• username=JohnDoe: Ini adalah pasangan nama-nilai untuk cookie.
• expires: Menentukan kapan cookie akan kadaluwarsa.
• path: Menentukan jalur halaman di mana cookie akan tersedia. / berarti cookie tersedia di seluruh situs.

Membaca Cookies

Membaca cookies di JavaScript bisa dilakukan dengan mengambil nilai document.cookie. Namun, hasilnya adalah satu string yang berisi semua cookies, jadi kamu mungkin perlu memprosesnya lebih lanjut. Contohnya:

function getCookie(name) {
  let value = `; ${document.cookie}`;
  let parts = value.split(`; ${name}=`);
  if (parts.length === 2) return parts.pop().split(';').shift();
}

Gunakan fungsi ini untuk mendapatkan nilai dari cookie tertentu:

let username = getCookie("username");
console.log(username);  // Output: JohnDoe

Menghapus Cookies

Untuk menghapus cookie, cukup atur nilai expires ke waktu masa lalu:

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

Ini akan menghapus cookie username.

Contoh Lengkap

Berikut contoh lengkap cara membuat, membaca, dan menghapus cookies di JavaScript:

// Membuat cookie
document.cookie = "user=JaneDoe; expires=Fri, 31 Dec 2023 12:00:00 UTC; path=/";

// Membaca cookie
function getCookie(name) {
  let value = `; ${document.cookie}`;
  let parts = value.split(`; ${name}=`);
  if (parts.length === 2) return parts.pop().split(';').shift();
}

console.log(getCookie("user"));  // Output: JaneDoe

// Menghapus cookie
document.cookie = "user=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

Dengan memahami dasar-dasar penggunaan cookies di JavaScript, kamu bisa lebih mudah mengatur data di sisi klien. Gunakan cookies dengan bijak untuk menjaga kenyamanan dan keamanan pengguna.