DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Pelajari cara menggunakan Cookies di JavaScript untuk menyimpan data pengguna secara lokal dalam Web Browser.
JavaScript memungkinkan kamu untuk membuat dan mengelola Cookies yaitu data kecil yang disimpan di browser pengguna. Cookies dapat digunakan untuk menyimpan berbagai informasi seperti preferensi pengguna, data otentikasi, dan lainnya. Dalam tutorial ini, kami akan membahas cara membuat, membaca, mengubah, dan menghapus Cookies menggunakan JavaScript.
Membuat Cookie di JavaScript cukup sederhana. Kamu hanya perlu menggunakan properti document.cookie
.
Berikut contoh bagaimana membuat Cookie:
document.cookie = "username=John Doe; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";
Kode di atas akan membuat Cookie dengan nama username
dan nilai John Doe
. Parameter expires
menentukan kapan Cookie akan kadaluarsa, sementara path
menentukan jalur di situs web mana Cookie ini akan berlaku.
Untuk membaca nilai Cookie, kamu bisa menggunakan properti document.cookie
yang akan mengembalikan string berisi semua Cookie yang saat ini ada dalam situs web.
var x = document.cookie;
Namun, string ini akan berisi semua Cookie dan bukan hanya satu yang kamu cari. Oleh karena itu, kamu mungkin perlu menulis fungsi tambahan untuk mengambil nilai Cookie tertentu.
Mengubah Cookie pada dasarnya sama dengan membuat Cookie baru. Kamu cukup mengatur ulang properti document.cookie
dengan nama Cookie yang sama dan nilai baru.
document.cookie = "username=Jane Doe; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";
Untuk menghapus Cookie, kamu bisa mengatur tanggal kedaluwarsanya menjadi tanggal di masa lalu.
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
Ingatlah bahwa melakukan ini akan menghapus semua data yang disimpan di Cookie tersebut.
Cookies adalah cara yang sangat membantu untuk menyimpan data pengguna secara lokal dan membuat pengalaman pengguna lebih baik. Namun, kamu juga perlu berhati-hati dalam mengelola dan melindungi data ini untuk menyokong privasi pengguna.