Tryit Editor - Free-Learn

<!DOCTYPE html>
<html>
<head>
<style>

body{
 font-family:tahoma;
 font-size:14px;
}

#Result{
 background-color:#5db616;
 color:#fff;
 padding:5px;
}

</style>
</head>
<body onload="Check_Cookie();" dir="rtl">

<div>
 <ul>
  <li>لطفا یک نام یا هرچیزی وارد نمایید و سپس بروی دکمه ثبت در کوکی کلیک نمایید ودر نهایت صفحه را رفرش نمایید</li>
  <li>کوکی تا 365 روز در حافظه ذخیره میشود</li>
 </ul>
</div>

نامتان را وارد نمایید :
<input type="text" id="User_Input">
<button onclick="SetCookie();">ثبت در کوکی</button>
<p><span id="Result"></span></p>

// ست کردن کوکی
function SetCookie( cookie_name, cookie_value , exdays) {
  var mydate ,expires , get_userinput;
  get_userinput = document.getElementById("User_Input").value;
  mydate = new Date();
  mydate.setTime(mydate.getTime() + (exdays*24*60*60*1000));
  expires = "expires="+ mydate.toUTCString();
  document.cookie = cookie_name + "=" + cookie_value + ";" + expires + ";path=/";
  if( get_userinput == "" ){
    alert("بی زحمت یه چیزی وارد کن");
  }else{
    SetCookie("UserName", get_userinput , 365);
  }
}

// دریافت کوکی از حافظه
function getCookie(cookie_name) {
  var name = cookie_name + "=";
  var decodedCookie = decodeURIComponent(document.cookie);
  var ca = decodedCookie.split(';');
  for(var i = 0; i <ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

// چک کردن و گرفتن مقدار کوکی
function Check_Cookie() {
  var Content_cookie , result;
  result = document.getElementById("Result");
  Content_cookie = getCookie("UserName");
  result.innerHTML = "سلام " + Content_cookie + " خوش برگشتی";
}

</script>

</body>
</html>

سایت آموزشی فری لرن