DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

COOKIES JAVASCRIPT

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 Cookies

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.

Membaca Cookies

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 Cookies

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=/";

Menghapus Cookies

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.

👈🏼 setTimeOut dan setInterval
Apa itu Web API 👉🏼