مثال على إعداد وتحديد ملفات الكوكيز باستخدام لغة الجافا سكريبت

<!DOCTYPE html>
<html>
<title>مثال على تعيين و الحصول على كوكي جافا سكريبت - درس أساسي (oldtoolbag.com)</title>
<body>
<h2>كوكي جافا سكريبت</h2>
<input type="text" placeholder="أدخل المحتوى" id="uname" value="هاها">
<button type="button" id="btn1">تعيين الكوكيز</button>
<button type="button" id="btn2">الحصول على الكوكيز</button>
<p id="output"></p>
<script>
var btn1 = document.getElementById("btn1");
var btn2 = document.getElementById("btn2");
btn1.onclick = function() {
  var user = document.getElementById("uname").value;
  setCookie("username", user);
  alert("تم تعيين الكوكيز، يمكنك الضغط على " + " " + "حصول على الكوكيز" + " لقراءتها");
}
btn2.onclick = function() {
   getCookie("username");
}
function setCookie(cname, cvalue) {
  var now = new Date();
  now.setMonth( now.getMonth() + 1 );
  var expires = "expires="+ now.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
function getCookie(cname) {
  var allcookies = document.cookie;
  cookieArr = allcookies.split(';');
  for(var i = 0; i < cookieArr.length; i++) {
     var cookiePair = cookieArr[i].split("=");
     if(cname == cookiePair[0].trim()) {
        document.write("اسم الكوكيز هو : " + cookiePair[0] + "، قيمة الكوكيز هي : " + cookiePair[1]);
     }
  }
}
</script>
</body>
</html>