Menyimpan Cookie dan Menampilkan Dalam Bentuk $("#").html()

Untuk membuat cookie bisa tersimpan didalam sebuah website atau blog perlu menjelaskan beberapa perintah yaitu menetapkan kapan masa cookie akan berakhir.

Perintah sederhana bisa dengan menggunakan cara ini expires=Wed, 18 Dec 2023 12:00:00 GMT
Itu akan menetapkan bahwa masa cookie hanya berlaku sampai 18 Desember 2023 dan akan terhapus setelah masa itu terlampaui.

Disini saya telah menyiapkan kode-kode lengkap beserta jQuery dan tag HTML yang langsung bisa diterapkan pada website.
<script>
function displayCookies() {
var nDepan=getCookie("namaDepan");
if (nDepan==null) {nDepan="";}
if (nDepan!="") {nDepan=nDepan;}
var nBelakang=getCookie("namaBelakang");
if (nBelakang==null) {nBelakang="";}
if (nBelakang!="") {nBelakang=nBelakang;}


// PILIH SALAH SATU
$("#tampilKonten").html("<div>" + nDepan + nBelakang + "</div>") //Jika menggunakan jQuery

alert(nDepan + nBelakang);
//Jika menggunakan alert
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(nameEQ) != -1) return c.substring(nameEQ.length,c.length);
}
return null;
}
</script>

<button type="button" onclick='document.cookie="namaDepan=Sigit;expires=Wed, 18 Dec 2023 12:00:00 GMT"'>Simpan Nama Depan</button>

<button type="button" onclick='document.cookie="namaBelakang=Ganteng;expires=Wed, 18 Dec 2023 12:00:00 GMT"'>Simpan Nama Belakang</button>

<button type="button" onclick='document.cookie="namaDepan=;expires=Wed; 01 Jan 1970"'>Hapus Nama Depan</button>

<button type="button" onclick='document.cookie="namaBelakang=;expires=Wed 01 Jan 1970"'>Hapus Nama Belakang</button>

<!----------- Hanya Digunakan Untuk jQuery ----------->
<div id="tampilKonten"></div>

<button style="padding: 10px 20px; background: #D1B7B7; font-size: 17px;" type="button" onclick='displayCookies()'>Terapkan Cookie</button>

Silahkan di setting sesuai kebutuhan. Anda juga dapat merubah menjadi pilihan tunggal, tinggal hapus beberapa kode-nya..

Example

UPDATE

Menyimpan Cookie dengan input form
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini