cookieのデータ保存・参照・削除

JavaScriptでもcookieのデータ保存・参照・削除ができる。

cookieデータを保存する時は「localStorage.setItem(“キー”,”値”)」、読み込みする時は「localStorage.getItem(“key”)」、削除する時は「localStorage.removeItem(“key”)」で使える

// cookieの保存
function funcSetItem(key,value){
	localStorage.setItem(key,value);
	alert ("key名「" + key + "」のcookieを保存しました");
}

// cookieの参照
function funcGetItem(key){
	alert ("key名「" + key + "」の値は「" + localStorage.getItem(key)　 + "」");
}

// cookieの削除
function funcRemoveItem(key){
	localStorage.removeItem(key);
	alert ("key名「" + key + "」のcookieを削除しました");
}

// func
function getObjIdText(objNm){
	return document.getElementById(objNm).value;
}


<p> キー値：<input type = "text" 	id = "key001" 		name = "key01" 		value = "フルーツ" 	style="width:100px;"></p>
<p> 値：	<input type = "text" 	id = "value001" 	name = "value01" 	value = "メロン" 	style="width:100px;"></p>
<p>			<input type = "button"  onclick = "(function(a,b) {funcSetItem(a,b);}	(getObjIdText('key001'),getObjIdText('value001')));" value = "cookieの保存"></p>
<p>			<input type = "button"  onclick = "(function(a)   {funcGetItem(a);}		(getObjIdText('key001')));" 					 value = "cookieの取得"></p>
<p>			<input type = "button"  onclick = "(function(a,b) {funcRemoveItem(a,b);}(getObjIdText('key001'),getObjIdText('value001')));" value = "cookieの削除"></p>

キー値：

値：

JavaScriptだと、こんなに簡単にcookieが使えるんですね～^^