Cara Menghapus Cookie dengan JavaScript

Menghapus cookie dilakukan dengan membuat masa berlakunya sudah kedaluwarsa, karena tidak ada perintah khusus “hapus cookie”. Artikel ini membahas cara menghapus cookie di JavaScript.

Set max-age ke Nol

<script>
document.cookie = "nama=; max-age=0; path=/";
</script>

Dengan max-age=0, browser langsung menganggap cookie kedaluwarsa dan menghapusnya. Pastikan path sama dengan saat cookie dibuat.

Contoh Kasus: Logout Menghapus Cookie Sesi

<script>
function logout() {
    document.cookie = "sesi=; max-age=0; path=/";
    document.cookie = "user=; max-age=0; path=/";
    window.location.href = "login.html";
}
</script>

Fungsi Bantu Hapus

<script>
function hapusCookie(nama) {
    document.cookie = `${nama}=; max-age=0; path=/`;
}
hapusCookie("bahasa");
</script>

Kesalahan Umum

• path saat menghapus harus sama persis dengan saat membuat, jika tidak cookie tidak terhapus.

Kesimpulan

Untuk menghapus cookie, atur ulang dengan max-age=0 dan path yang cocok. Cookie tidak bisa dihapus dengan perintah khusus, hanya dibuat kedaluwarsa — berguna misalnya saat proses logout.

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

Baca Juga

• Cara Menyimpan Data di localStorage dengan JavaScript
• Cara Mengubah String JSON Menjadi Objek di JavaScript
• Cara Mengubah Objek Menjadi String JSON di JavaScript