Live Code Editor

<html>
    <head>
    </head>
    <body>
			<p> - Nhập tên, giá trị và Ngày tồn tại của Cookie cần thêm :</p>
			<input type="text" placeholder="Nhập tên cookie" value="" id="tbNameAdd"/>
			<input type="text" placeholder="Nhập Value cookie" value="" id="tbValueAdd"/>
			<input type="text" placeholder="Ngày" value="" id="tbDayAdd" style="width:50px"/>
			<input type="button" value="Thêm cookie" onclick="Add()"/><br/>
			<p> - Nhập tên Cookie cần Kiểm tra :</p>
			<input type="text" value="" id="tbNameCheck"/>
            <input type="button" value="Kiểm tra cookie" onclick="check()"/><br/>
			<p> - Nhập tên Cookie cần Xóa :</p>
			<input type="text" value="" id="tbName"/>
			<input type="button" value="Xóa cookie" onclick="deleteCookie()"/><br/>
			<p> - Danh sách tất cả Cookie :</p>
			<p id="Display"></p>
			<script type="text/javascript">
			    // hàm hiển thị tất cả cookie
				function showAll(){
					var name = document.getElementById("Display");
					name.innerHTML = document.cookie;
				}
				showAll();
				// hàm xóa cookie
			    function deleteCookie(){
					var name = document.getElementById("tbName").value;
				    document.cookie  = name +'=; expires=Thu, 01 Jan 1970 00:00:01 GMT; Path=/;';
					showAll();
					
				}
				// hàm thêm mới cookie
				function Add() {
			      var cname = document.getElementById("tbNameAdd");
				  var cvalue = document.getElementById("tbValueAdd");
				  var exdays = document.getElementById("tbDayAdd");
				  if(cname.value == "" || cvalue.value == "" || exdays.value == ""){
					  alert("Bạn chưa điền đầy đủ thông tin !");
					  return;
				  }else{
					  // lấy giá trị ở 3 textbox truyền vào hàm setCookie() để thêm
					  setCookie(cname.value, cvalue.value,exdays.value);	
				  }
				  // đưa textbox về rỗng
				  cname.value = "";
				  cvalue.value = "";
				  exdays.value = "";
				  showAll();
				}
				
				function check(){
					var NameCheck = document.getElementById("tbNameCheck").value;
					// truyền vào hàm getCookie() tên cookie người dùng nhập
					var NameCookie = getCookie(NameCheck);
					if(NameCookie == "")
						alert("Không có cookie tên là : " + NameCheck);
					else 
						alert("cookie " + NameCheck + " có value là : " + NameCookie);
				}
				
				// hàm thêm mới cookie truyền vào Tên, Giá trị và số ngày
				function setCookie(cname, cvalue, exdays) {
				  var d = new Date();
				  d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
				  var expires = "expires="+d.toUTCString();
				  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
				}
				// hàm kiểm tra cookie truyền vào tên cookie 
				function getCookie(cname) {
				  var name = cname + "=";
				  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(name) == 0) {
					  return c.substring(name.length, c.length);
					}
				  }
				  return "";
				}
            </script>
    </body>
</html>