Cara Membuat Cookie dengan JavaScript

Cookie dipakai untuk menyimpan preferensi kecil di browser yang bertahan meski halaman ditutup, misalnya bahasa pilihan atau status “jangan tampilkan lagi”. Artikel ini membahas cara membuat cookie di JavaScript.

document.cookie

<script>
document.cookie = "nama=Budi; max-age=" + (60 * 60 * 24 * 7) + "; path=/";
// berlaku 7 hari, untuk seluruh situs
</script>

Penjelasan Parameter

• max-age: masa berlaku dalam detik (7 hari = 604800 detik).
• path=/: cookie berlaku di seluruh halaman situs.
• Secure: hanya dikirim lewat HTTPS (tambahkan untuk keamanan).

Contoh Kasus: Menyimpan Preferensi Bahasa

<script>
function setBahasa(kode) {
    document.cookie = `bahasa=${kode}; max-age=31536000; path=/`; // 1 tahun
}
setBahasa("id");
</script>

Kapan Memakai Cookie vs localStorage

Gunakan cookie bila data perlu dikirim ke server tiap permintaan (misalnya sesi login). Untuk data yang hanya dipakai di sisi browser, localStorage lebih praktis dan berkapasitas lebih besar.

Kesimpulan

Gunakan document.cookie dengan max-age dan path untuk membuat cookie. Pilih cookie bila data perlu dibaca server, atau localStorage untuk kebutuhan sisi klien saja.

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).

Baca Juga

• Cara Membaca Nilai Cookie dengan JavaScript
• Cara Menghapus Cookie dengan JavaScript
• Cara Menyimpan Data di localStorage dengan JavaScript